D3森伯斯特图上的同心颜色

时间:2015-07-09 08:15:47

标签: javascript d3.js

我有一张Sunburst图表,它使用与http://bl.ocks.org/kerryrodden/7090426标准基本相同的代码。

但是,我有许多节点'在我的最后两个戒指和任何颜色组合使它看起来非常凌乱。由于图表中的每个节点都是从数据库中提取的,因此我无法为值指定特定的颜色,因为这些值都是唯一的。

有没有办法可以为图表中每个环的整体指定颜色?举个例子,我希望它看起来像这样:

http://www.design-by-izo.com/wp-content/uploads/2011/02/Krakow-3.jpg

通过这种方式,我可以想出一个与d3刚刚循环使用的颜色范围不同的调色板。

1 个答案:

答案 0 :(得分:1)

据我了解,您只需使用相应数据的fill更改图表中的depth样式,如下所示:

.style('fill', function (d) {
    return color(d.depth);
})

其中color是某种颜色数组。

或者,ES6 / 2015,只是:

.style('fill', d => color(d.depth))

这是一个小提琴,向您展示效果:Fiddle (基于this

我希望这就是你想要的。