Javascript 为ChartJs中的所有图表设置公共标签和公共背景色

Javascript 为ChartJs中的所有图表设置公共标签和公共背景色,javascript,charts,chart.js,Javascript,Charts,Chart.js,嗨,伙计们,我用它来创建饼图,非常好。在我的项目中,我必须创建许多饼图,所有的图表都有相同的标签和背景色。在下面给出的代码中,我在分别创建饼图的同时给出了背景色和标签。有没有办法使所有图表的标签和背景色都相同 ChartJS教程 #饼图包装器{ 宽度:1000px; 左边距:自动; 右边距:自动; } .饼图包装器{ 宽度:500px; 高度:300px; 框大小:边框框; 浮动:左; 填充:20px; } var ctx1=document.getElementById(“pieChart

嗨,伙计们,我用它来创建饼图,非常好。在我的项目中,我必须创建许多饼图,所有的图表都有相同的标签和背景色。在下面给出的代码中,我在分别创建饼图的同时给出了背景色和标签。有没有办法使所有图表的标签和背景色都相同


ChartJS教程
#饼图包装器{
宽度:1000px;
左边距:自动;
右边距:自动;
}
.饼图包装器{
宽度:500px;
高度:300px;
框大小:边框框;
浮动:左;
填充:20px;
}
var ctx1=document.getElementById(“pieChart1”);
var ctx2=document.getElementById(“pieChart2”);
变量数据1={
标签:[“已签名”、“未签名”],
数据集:[{
背景色:['1abc9c','34495e'],
数据:[10,25],
}],
};
变量数据2={
标签:[“已签名”、“未签名”],
数据集:[{
背景色:['1abc9c','34495e'],
数据:[15,2]
}],
};
var myPieChart1=新图表(ctx1{
键入“pie”,
数据:数据1
});
var myPieChart2=新图表(ctx2{
键入“pie”,
数据:数据2
});

如果从技术上讲,那么是的,有一种方法。虽然不推荐使用,但这并不是ChartJS的工作方式,因此也没有内置功能

要实现这一点,您宁愿选择一种黑客解决方案,即使用插件,如下所示:

Chart.plugins.register({
   beforeInit: function(chart) {
      chart.data.labels = ['Signed', 'Not Signed'];
      chart.data.datasets[0].backgroundColor = ['#1abc9c', '#34495e'];
   }
});
*将此添加到脚本的开头

ᴡᴏʀᴋɪɴɢ ᴇxᴀᴍᴘʟᴇ

Chart.plugins.register({
beforeInit:函数(图表){
chart.data.labels=['Signed','notsigned'];
chart.data.datasets[0].backgroundColor=['#1abc9c','#34495e'];
}
});
var ctx1=document.getElementById(“pieChart1”);
var ctx2=document.getElementById(“pieChart2”);
变量数据1={
数据集:[{
数据:[10,25],
}]
};
变量数据2={
数据集:[{
数据:[15,2]
}]
};
var myPieChart1=新图表(ctx1{
键入“pie”,
数据:数据1
});
var myPieChart2=新图表(ctx2{
键入“pie”,
数据:数据2
});


一个小查询,它也会影响其他图表,如我为另一个目的创建的条形图。是否有方法仅对饼图进行上述操作,请添加
if(chart.config.type!=='pie')返回
在函数beforeInit的开头。你是个天才:)