什么是版本4中的d3.scale.category10（）。range（）的替换

Question

我正在使用d3图库v4，有一个代码使用库d3版本3不能与版本4一起使用。特别是该功能如下

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 documentation on scales。

Answer 3

尝试

d3.v5

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