如何将随机颜色分配到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 Jerome Cukier。

和官方site d3颜色。

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

这是现在老了，但是这是一个不错的方法，如果你需要的颜色随机

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