小编典典

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

angularjs

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


阅读 523

收藏
2020-07-04

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

仍然尝试一下。

2020-07-04