Jak zmienić kolor linii na wykresie liniowym d3, na przykład w serii D3 Mike'a Bostockawykres liniowy.

W swoim przykładowym wykresie Mike Bostock używa wbudowanej skali kolorów D3 „category10”, zgodnie z tym wierszem kodu:

var color = d3.scale.category10();

Ale załóżmy, że zamiast wbudowanej skali chcieliśmy, aby linia Austina była niebieska, linia Nowego Jorku była czerwona, a linia San Francisco zielona. Powinien być wystarczająco prosty, prawda? Wystarczy zdefiniować niestandardową skalę kolorów:

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

Pomyślałem, że to może załatwić sprawę - ale to zmienia wszystkie serie na czarne. Wypróbowałem styl CSS w każdej serii, dodając do nich klasy, ale to nie zadziałało.