Javascript 如何更改d3.js和angular-charts.js中的颜色？

我是D3.js和angular-charis.js的新手

我的数据像

$scope.data1 = { series: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'], data: [{x:'Jan',y:[12150]},{x:'Feb',y:[0]},{x:'Mar',y:[10]},{x:'Apr',y:[64]},{x:'May',y:[2381]},{x:'Jun',y:[578]},{x:'Jul',y:[312]},{x:'Aug',y:[0]},{x:'Sep',y:[8700]},{x:'Oct',y:[17540]},{x:'Nov',y:[20190]},{x:'Dec',y:[1467]}] };

$scope.config = {
title: '',
tooltips: true,
labels: false,
mouseover: function() {},
mouseout: function() {},
click: function() {},
legend: {
  display: true,
  //could be 'left, right'
  position: 'right'
}

})

HTML

 <div id="chart1" ac-chart="'bar'" ac-data="data1" ac-config="config1" class="grpah-section"></div>

我的结果显示如下：

---

但是，我想为每个单独的X轴条显示结果，根据月份指示颜色显示颜色

您能提供最小的工作小提琴或类似的东西吗？我通过参考一个解决方法来完成这项任务，它是以一系列空值给出的，如[{X:“jan”，y:[10]}，{X:“feb”，y:[null，400]}，{X:“Dec”，y:[null，null，…nulls，300]}但这并不好，我已经看过lib文档，实际上它没有：）我建议切换到另一个，或者使用D3创建自己的指令。我的数据是动态的。我的最大列数接近900到1000