我正在使用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如果两个亮度还不够.
原文地址:https://www.jb51.cc/js/152609.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。