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

Question

我使用了chart.js库中的气泡图表。我的数据集包含三个类别，我想在图表中为每个类别指定相应的颜色。只需将三个数据集添加到数据集数组中即可轻松完成此操作，但所有数据集都在一个数据集中，并将它们分离出客户端杀死性能。

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

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

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

Answer 1

你实际上甚至不需要尝试设置chart.js对象本身的颜色。 background数据集属性接受单个颜色值或颜色值数组（颜色数组中的索引映射到数据数组中的索引）。

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

  

property：backgroundColor，type：Color or Array

以下是example在条形图中显示此内容（仅关注backgroundColor属性中数组的使用情况。它与气泡图完全相同。< / p>