在d3.js可缩放树状图中自定义颜色

Question

我想自定义可缩放树图中的颜色。

我在用

color = d3.scale.category20c();

.attr("fill", function(d) {return color(d.name);})

这里的name（ d.name ）属性可以是红色，绿色，蓝色或任何颜色，我想根据给定的名称使用颜色。 截至目前，我的代码颜色未按名称显示。

提前致谢

Answer 1

由于您的数据集提供了颜色的名称，因此根本不需要使用刻度。 只要数据集中使用的颜色名称是有效的CSS颜色名称 ，您就可以直接将fill属性直接设置为该名称：

.attr('fill', function(d){ return d.name; })