VueJS動態條形圖顏色

Question

給定一個包含2個數據集的條形圖。我怎樣才能給每個酒吧自己的顏色？

svg.selectAll(".bar") 
    .data(data) 
    .enter().append("rect") 
    .style("fill", function(d,i) { console.log(i.fill) } // <- first red, second blue 

Answer 1

我懶得設立了什麼，我認爲可能的工作演示，但我想你想要的顏色，如數組：

var colors = ['red', 'blue']; 

然後在回調fill可以這樣做：

return colors[i % colors.length]; 

如果我的假設正確i是你在bar的索引。