我正在使用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生成尽可能多的颜色?
解决方法@H_301_13@
我有同样的问题,所以我写了一个小工具来生成感知不同颜色的LOTS:
category color generator.
该工具生成一个颜色列表.然后,您可以使用该列表,如:
color = d3.scale.ordinal()
.domain(YOUR_DATA_CATEGORIES)
.range(["#30c514","#9321ff",...]);
还有一个generalised version如果两个亮度还不够.
该工具生成一个颜色列表.然后,您可以使用该列表,如:
color = d3.scale.ordinal() .domain(YOUR_DATA_CATEGORIES) .range(["#30c514","#9321ff",...]);
还有一个generalised version如果两个亮度还不够.