Как изменить цвет линий в d3 линейный график, например, в Mike Босток мульти-серии D3 линейный график.
В своей примерной диаграмме Майк Босток использует D3 встроенную цветовую шкалу категории "10" в соответствии с этой строкой кода:
var color = d3.scale.category10();
Но предположим, что вместо встроенной шкалы мы хотели, чтобы линия для Остина была синей, линия для Нью-Йорка была красной, а линия для Сан-Франциско была зеленой. Должно быть достаточно просто, не так ли? Просто определите пользовательскую цветовую шкалу:
var color = d3.scale.ordinal()
.domain(["New York", "San Francisco", "Austin"])
.range("#FF0000", "#009933" , "#0000FF");
Я думал, что это может сделать трюк, но он превращает всю серию в черный цвет. Я пробовал стилизацию CSS каждой серии, добавляя к ним классы, но это не сработало.