Moris图表交替颜色为条形图

Question

我目前正在使用Morris条形图及其工作非常好。

我遇到了使用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说明了一个工作示例。