¿Cómo cambio el color de las líneas en un gráfico de líneas d3, por ejemplo, en las series múltiples D3 de Mike Bostock?Gráfico de linea.

En su cuadro de ejemplo, Mike Bostock usa la escala de color incorporada "categoría10" de D3, según esta línea de código:

var color = d3.scale.category10();

Pero supongamos que, en lugar de la escala incorporada, quisiéramos que la línea para Austin sea azul, la línea para que Nueva York sea roja y la línea para que San Francisco sea verde. Debería ser lo suficientemente simple, ¿verdad? Solo define una escala de color personalizada:

var color = d3.scale.ordinal()
    .domain(["New York", "San Francisco", "Austin"])
    .range("#FF0000", "#009933" , "#0000FF");

Pensé que eso podría hacer el truco, pero hace que todas las series se vuelvan negras. He probado el estilo CSS de cada serie añadiéndoles clases, pero eso no funcionó.