javascript – 如何使用d3生成尽可能多的颜色？

我正在使用d3.js构建饼图,并可视化大数据集.在图表上可以显示超过137个项目.我使用这个功能只有10种颜色.

d3.scale.category10().range()

通过探索其他选项：
https://github.com/mbostock/d3/wiki/Ordinal-Scales

d3.scale.category20().range()

var chart = nv.models.pieChart()
    .x(function(d) {
        return d.key
    })
    .y(function(d) {
        return d.y
    })
    .color(d3.scale.category10().range())
    .width(width)
    .height(height);

如何使用d3生成尽可能多的颜色？

解决方法

我有同样的问题,所以我写了一个小工具来生成感知不同颜色的LOTS： category color generator.

该工具生成一个颜色列表.然后,您可以使用该列表,如：

color = d3.scale.ordinal()
    .domain(YOUR_DATA_CATEGORIES)
    .range(["#30c514","#9321ff",...]);

还有一个generalised version如果两个亮度还不够.

这里有一些pre-generated example colour sets.