我想更改Chart.js图中单个点的样式。我在这里尝试了解决方案
但是他们都不适合我。例如，要更改第一个数据集中第4个点的背景色，我将尝试以下2种解决方案（以及删除/添加.config）：
myChart.config.data.datasets[0].points[4].pointBackgroundColor = 'red';
myChart.config.data.datasets[0].pointBackgroundColor[4] = "red";
myChart.update();
没有任何作用。相反，更改整个数据集的样式效果很好：
myChart.config.data.datasets[0].pointBackgroundColor = 'lightgreen';
myChart.update();
jsfiddle：https ://jsfiddle.net/e8n4xd4z/15766/ ; 为什么是这样？
https://jsfiddle.net/e8n4xd4z/15822/
您可以使用的颜色数组到pointBackgroundColor在options如下
pointBackgroundColor: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"]
然后，如果您以后想要更改任何单个点的颜色，可以按照以下步骤进行操作
myChart.config.data.datasets[0]['pointBackgroundColor'][4] = 'red';
我已将链接附加到更新的jsfiddle。您可以检查一下。干杯!
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句