ChartJS-每个数据点不同的颜色

Question

如果折线图中的数据点高于某个特定值，是否可以为该数据点设置其他颜色？

Answer 1

对于chartjs 2.0，请参见以下答案。

下面是原始答案。

关于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();
 }

仍然尝试一下。