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的指數。