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的索引。