d3.scale.category10()的d3.js v4.0等价物是什么？

Question

我正在尝试使用Interactive Web Visualization一书来学习d3,但是版本4.0已经发生了很多变化.我真的无法弄清楚的一件事是,是否有d3.scale.category10()的等价物可以轻松映射到颜色.在新版本中是否有类似的东西,或者我们是否需要使用math.random和自己编写代码？

Answer 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))

在这里阅读

参考这里

在这里工作代码