angularjs - D3.js 的标准/最佳颜色模式

Question

D3.js 是否有任何标准/最佳颜色模式？我使用了一些颜色，但用户界面并不好。颜色组合不好。所以如果有什么告诉我。

Answer 1

api 文档中描述了一组标准的序数比例：

https://github.com/mbostock/d3/wiki/Ordinal-Scales#categorical-colors

你可以像这样使用它们：

var colors = d3.scale.category20();

d3.select("body").selectAll("text")
   .data(d3.range(0,20))
   .enter().append("p")
   .text(function(d){return "Data point "+d})
   .style("color", colors)

http://jsfiddle.net/x4xBL/

如果您克隆 d3 源，它还包括color brewer 分类色标。您可以在此处了解有关它们的更多信息：

http://colorbrewer2.org/