vejs动态条形图颜色

VueJS Dynamic Bar Chart Colors

本文关键字：颜色 条形图 动态 vejs      更新时间：2023-09-26

给定一个有两个数据集的柱状图。我怎样才能给每个栏赋予自己的颜色呢?

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

我懒得为我认为可能有效的内容设置一个演示，但我想您想要一个颜色数组，如:

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

那么在fill的回调中，你可以这样做:

return colors[i % colors.length];

如果我假设i是您所在的bar的索引是正确的

相关文章：