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

は私が働くかもしれないと思う何のためのデモを設定するのが面倒だけど、私はあなたのような色の配列を想像してみてください：fillすることができますのためのコールバックで、その後

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

を私はiはあなたにしているbarための指標であると仮定して、正しいだ場合

return colors[i % colors.length]; 

：次のように行います。