如何將隨機顏色分配到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