Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chart.js-在气泡图中为特定圆圈指定背景色_Javascript_Charts_Chart.js - Fatal编程技术网

Javascript Chart.js-在气泡图中为特定圆圈指定背景色

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

我正在使用chart.js库中的气泡图。我的数据集包含三个类别,我想在图中为每个类别指定相应的颜色。只需将三个数据集添加到数据集数组中,就可以很容易地做到这一点,但所有内容都在一个数据集中,并且将它们从客户端分离会降低性能

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

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
属性中数组的用法。这与气泡图的概念完全相同。

背景仅在悬停在元素上后才会改变。您知道如何在不必悬停在对象上的情况下立即改变背景色吗?