自定义d3.js zoomable treemap中的颜色

Question

我想自定义 zoomable tree map 中的颜色。

我正在使用

color = d3.scale.category20c();

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

这里名称（d.name）属性可以是红色，绿色，蓝色或任何颜色，我想根据给定的名称获得颜色。至于我目前的代码颜色不是根据名称来。

提前致谢

Answer 1

由于您的数据集提供了颜色的名称，因此您根本不需要使用比例。只要数据集中使用的颜色名称为valid CSS color names，您就可以直接将fill属性设置为名称：

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