javascript – ChartJS – 每个数据点的颜色不同

有没有办法在折线图中的数据点设置不同的颜色,如果它高于某个值？

我找到了dxChart – https://stackoverflow.com/a/24928967/949195的这个例子 – 现在正在为ChartJS寻找类似的东西

解决方法:

For chartjs 2.0 see this following answer.

原答案如下.

关于ChartJS的好问题.我一直想做类似的事情.即动态地将点颜色改变为不同的颜色.你有没有尝试过这个.我刚尝试过,它对我有用.

试试这个：

myLineChart.datasets[0].points[4].fillColor =   "rgba(000,111,111,55)" ; 

或试试这个：

myLineChart.datasets[0].points[4].fillColor =  "#FF0000";

甚至这个：

myLineChart.datasets[0].points[4].fillColor =  "lightgreen";

然后这样做：

myLineChart.update();

我想你可以有类似的东西;

if (myLineChart.datasets[0].points[4].value > 100) {
    myLineChart.datasets[0].points[4].fillColor =  "lightgreen";
    myLineChart.update();
 }

试试看吧.

标签：linechart,javascript,angularjs,chart-js
来源： https://codeday.me/bug/20190923/1813491.html