javascript - D3，切片颜色可定制

Question

我正在使用 D3。我希望饼图切片的颜色为深黄色、黄色、浅黄色、浅黄色等，具体取决于我有多少数据。

查看文档后，我发现了 d3.scale.category10 、 d3.scale.category20 等，但它们提供了许多不同的颜色，而不是淡出的颜色。

有人可以帮忙吗？

谢谢大家 尼克

Answer 1

感谢 Lars Kotthoff 的评论和一些额外的研究，我得出以下结论:

  var myColors = ["#f5800a","#ff8000","#ff8a14", "#ff9427", "#ff9d3b", "#ffa74e","#ffb162", "#ffbb76", "#ffc489", "#ffce9d", "#ffd8b1", "#ffe2c4","#ffebd8","fff5eb"];

d3.scale.myColors = function() {
    return d3.scale.ordinal().range(myColors);
};

最后将自定义颜色附加到 .showLabels(false).color(d3.scale.myColors().range())

因此，我正在创建一个自定义颜色数组，然后将其作为颜色范围，最后将范围添加为条形图颜色的选项。

希望对其他人也有帮助。