d3.js - d3.js v4.0 中 d3.scale.category10() 的等效项是什么？

Question

我正在尝试通过交互式 Web 可视化一书来学习 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))

阅读here

引用here

工作代码here