javascript - Chart.js - 在气泡图中为特定圆圈提供背景颜色

Question

我正在使用 Chart.js 库中的气泡图。我的数据集包含三个类别，我想在图表中为每个类别指定相应的颜色。只需将三个数据集添加到数据集数组中即可相当轻松地完成此操作，但所有内容都在一个数据集中并将它们分开客户端会降低性能。

所以我将类别添加到数据中。制作了一个 for 循环并将相应的节点更改为另一种背景颜色，但是我似乎找不到正确的属性。我一直在使用:

spinozaChart.chart.config.data.datasets[0]._meta[0].data[i]._model.backgroundColor = "绿色";和spinozaChart.chart.config.data.datasets[0]._meta[0].data[i]._view.backgroundColor = "绿色";

这确实将节点更改为正确的颜色。然而，一秒钟后，它们重置为原始背景颜色...什么是正确的目标属性？

Answer 1

实际上，您甚至不需要尝试在 Chart.js 对象本身内设置颜色。 background 数据集属性接受单个颜色值或颜色值数组(其中颜色数组中的索引映射到数据数组中的索引)。

请参阅 API here 中记录的内容.

property: backgroundColor, type: Color or Array

这是一个example在条形图中显示这一点(仅关注 backgroundColor 属性中数组的使用。这与气泡图的概念完全相同。