在第4版中，d3.scale.category10().range()的替代是什么？

Question

我使用的是d3图形库v4，有一个代码使用库d3 version3不使用version4。特别是该函数如下

d3.scale.category10().range()

在第4版中，可以用什么代替相同的？

Answer 1

在D3 v4中，必须以序号标度使用d3.schemeCategory10：

var color = d3.scaleOrdinal(d3.schemeCategory10);

因此，返回范围：

​

var colorRange = d3.scaleOrdinal(d3.schemeCategory10).range();
console.log(colorRange);

<script src="https://d3js.org/d3.v4.min.js"></script>

​

除此之外，还有几种新的颜色方案，包括离散的和连续的：https://github.com/d3/d3-scale-chromatic/blob/master/README.md。

Answer 2

若要将上面的行转换为D3 v4，请将其替换为以下内容：

d3.scaleOrdinal(d3.schemeCategory10).range()

也见鳞片上的D3 v4文档。

Answer 3

尝尝这个

d3.v5

var colorRange = d3.scaleOrdinal(d3.schemeCategory10);