如何为D3条形图指定随机颜色？

Question

我正在根据下面的模型制作D3条形图:

如何使条纹具有随机颜色？

的jsfiddle

码:

svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis);

Answer 1

d3有4个内置调色板.

这是link内置的调色板.

This 教程很适合为特定元素使用特定颜色.

tutorial杰罗姆库基尔的另一个人.

和sited3颜色的官方.

Fiddle - 注意:在小提琴中,我通过在数据中添加颜色来传递颜色.

它甚至可以通过传递来自不同变量的颜色来完成.

希望这可以帮助.

Answer 2

colors = d3.scale.category20()

rects = svg.selectAll('rect')
                .data(data)
                .enter()
                .append("rect")
                .attr("class","rect")
                .....#other attributes
                .attr("fill",function(d,i){return colors(i)})

Answer 3

现在这已经很老了,但如果您需要N个随机颜色,这是一个非常好的方法

http://bl.ocks.org/jdarling/06019d16cb5fd6795edf