javascript - Moris 图表为条形图交替颜色

Question

我目前正在使用莫里斯条形图，它的工作效果非常好。

我在使条形从 2 种定义的颜色中交替颜色时遇到问题。

if( $("#publication-chart").length)
{
Morris.Bar({
  element: 'publication-chart',
  data: financeChartData,
  xkey: 'y',
  ykeys: ['a'],
  labels: ['Total'],
  barColors: ['#FF0000','#000000','#FF0000','#000000','#FF0000']
});
}

在我的代码中，我尝试从红色交替为黑色，但它每次都只显示为红色。

我还尝试过让图表的颜色来自数据数组，但似乎无法更好地控制图表中的条形

Answer 1

您可以将函数传递给 barColors 以覆盖默认行为。尝试这样的方法来改变条形的颜色:

barColors: function(row, series, type) {
  if(row.x % 2 == 0)
    return '#FF0000';
  else
    return '#000000';
}

这个jsBin说明了一个工作示例。