Javascript 创建条形图后,如何更改其背景色?

Javascript 创建条形图后,如何更改其背景色?,javascript,css,html5-canvas,chart.js,Javascript,Css,Html5 Canvas,Chart.js,创建条形图后,如何更改其颜色?我有以下几点 //无法移动到home.js,因为标签是动态的 var topClickSourceChart=新图表('dashboard-click-source-Chart'{ 类型:'bar', 数据:{ 数据集:[ {label:“无”,数据:[14]},{label:“Facebook”,数据:[10]},{label:“谷歌”,数据:[5]},{label:“Reddit”,数据:[1]},{label:“Twitter”,数据:[1]}, ] },

创建条形图后,如何更改其颜色?我有以下几点

//无法移动到home.js,因为标签是动态的
var topClickSourceChart=新图表('dashboard-click-source-Chart'{
类型:'bar',
数据:{
数据集:[
{label:“无”,数据:[14]},{label:“Facebook”,数据:[10]},{label:“谷歌”,数据:[5]},{label:“Reddit”,数据:[1]},{label:“Twitter”,数据:[1]},
]
},
});
topClickSourceChart.data.datasets[0]。背景色=“#4D90C3”;
topClickSourceChart.data.datasets[1]。backgroundColor='#866DB2';
topClickSourceChart.data.datasets[2]。背景色=“#EA6F98”;
topClickSourceChart.data.datasets[3]。背景色='#61BDF6';
topClickSourceChart.data.datasets[4]。背景色='#768BB7'

我找到了
.update()
函数

我只想补充一句

topClickSourceChart.update();
有趣的是,它有时能工作,但其他的却不能,这取决于窗户的大小

//无法移动到home.js,因为标签是动态的
var topClickSourceChart=新图表('dashboard-click-source-Chart'{
类型:'bar',
数据:{
数据集:[
{label:“无”,数据:[14]},{label:“Facebook”,数据:[10]},{label:“谷歌”,数据:[5]},{label:“Reddit”,数据:[1]},{label:“Twitter”,数据:[1]},
]
},
});
topClickSourceChart.data.datasets[0]。背景色=“#4D90C3”;
topClickSourceChart.data.datasets[1]。backgroundColor='#866DB2';
topClickSourceChart.data.datasets[2]。背景色=“#EA6F98”;
topClickSourceChart.data.datasets[3]。背景色='#61BDF6';
topClickSourceChart.data.datasets[4]。背景色='#768BB7';
topClickSourceChart.update()


您只需重新绘制内容即可。。这就是为什么它可以处理完整的代码段,因为您触发了图形again@TemaniAfif你如何重新绘制?我在API中找不到该函数。是的,调整窗口大小确实会使颜色出现。我在下面尝试触发调整大小事件,但没有工作