javascript - D3 Sunburst 图上的同心颜色

Question

我有一个旭日图，它使用与 http://bl.ocks.org/kerryrodden/7090426 中的标准基本相同的代码。 .

但是，我的最后两个环中有很多很多“节点”，任何颜色组合都会使它看起来非常困惑。由于图中的每个节点都是从数据库中提取的，因此我无法为值分配特定的颜色，因为这些值都是唯一的。

有没有办法可以为图中每个单独的环指定整体颜色？作为一个例子，我希望它看起来像这样:

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

这样我就能够想出一个不会像应用 d3 循环使用的颜色范围那样冲突的调色板。

Answer 1

据我了解，您可以使用相应数据的深度简单地更改图表中的fill样式，如下所示:

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

其中 color 是某种颜色数组。

或者，ES6/2015，只需:

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

这是一个 fiddle ，向您展示效果:Fiddle(基于this)

我希望这就是你想要的。