Javascript Chart.js-在气泡图中为特定圆圈指定背景色
我正在使用chart.js库中的气泡图。我的数据集包含三个类别,我想在图中为每个类别指定相应的颜色。只需将三个数据集添加到数据集数组中,就可以很容易地做到这一点,但所有内容都在一个数据集中,并且将它们从客户端分离会降低性能 因此,我将该类别添加到数据中。创建了一个for循环,并将相应的节点更改为另一种背景颜色,但是我似乎找不到正确的属性。我一直在使用:Javascript Chart.js-在气泡图中为特定圆圈指定背景色,javascript,charts,chart.js,Javascript,Charts,Chart.js,我正在使用chart.js库中的气泡图。我的数据集包含三个类别,我想在图中为每个类别指定相应的颜色。只需将三个数据集添加到数据集数组中,就可以很容易地做到这一点,但所有内容都在一个数据集中,并且将它们从客户端分离会降低性能 因此,我将该类别添加到数据中。创建了一个for循环,并将相应的节点更改为另一种背景颜色,但是我似乎找不到正确的属性。我一直在使用: spinozaChart.chart.config.data.datasets[0]。\u meta[0]。data[i]。\u model.b
spinozaChart.chart.config.data.datasets[0]。\u meta[0]。data[i]。\u model.backgroundColor=“绿色”代码>
和
spinozaChart.chart.config.data.datasets[0]。\u meta[0]。data[i]。\u view.backgroundColor=“绿色”代码>
这会将节点更改为正确的颜色。然而,一秒钟后,他们重置为原始背景色。。。目标的正确属性是什么?实际上,您甚至不需要在chart.js对象本身内设置颜色。background
dataset属性接受单个颜色值或颜色值数组(其中颜色数组中的索引映射到数据数组中的索引)
请参阅API中的文档
属性:backgroundColor,类型:颜色或数组
这是一个在条形图中显示这一点的示例(只关注backgroundColor
属性中数组的用法。这与气泡图的概念完全相同。背景仅在悬停在元素上后才会改变。您知道如何在不必悬停在对象上的情况下立即改变背景色吗?