Я пытаюсь изучить d3 с помощью книги интерактивной веб-визуализации, но многое изменилось с версией 4.0. Одна вещь, которую я действительно не могу понять, - это эквивалент для d3.scale.category10(), чтобы получить легкое отображение цветов. Есть ли что-то подобное в новой версии или нам нужно использовать math.random и кодировать что-то сами?
Что эквивалент d3.js v4.0 для d3.scale.category10()?
Ответ 1
Вместо
d3.scale.category10()
использовать
d3.scaleOrdinal(d3.schemeCategory10);
Создайте цветовую шкалу следующим образом:
var color = d3.scaleOrdinal(d3.schemeCategory10);
используйте такой же цвет в коде, что и в V3:
svg.append("rect")
.attr("x", 10)
.attr("y", 10)
.attr("width", 100)
.attr("height", 100)
.style("fill", color(3))
читайте здесь
Ссылка здесь
рабочий код здесь