Javascript 图例颜色不适用于chartjs饼图中随机生成的背景色
Javascript 图例颜色不适用于chartjs饼图中随机生成的背景色,javascript,jquery,chart.js,Javascript,Jquery,Chart.js,var ctx=document.getElementById（'myChart'）.getContext（'2d'）； 风险值标签=[“2019年3月”、“2019年4月”、“2019年5月”、“2019年6月”、“2019年7月”、“2019年8月”、“2019年9月”、“2019年10月”、“2019年11月”、“2019年12月”、“2020年1月”、“2020年2月”、“2020年3月”]； var dataSet={“已发布的广告”：[“0”、“0”、“1”、“0”、“4”、“0”、
var ctx=document.getElementById（'myChart'）.getContext（'2d'）；
风险值标签=[“2019年3月”、“2019年4月”、“2019年5月”、“2019年6月”、“2019年7月”、“2019年8月”、“2019年9月”、“2019年10月”、“2019年11月”、“2019年12月”、“2020年1月”、“2020年2月”、“2020年3月”]；
var dataSet={“已发布的广告”：[“0”、“0”、“1”、“0”、“4”、“0”、“2”、“0”、“1”、“0”、“0”、“0”、“1”、“1”、“1”、“1”、“2”、“2”、“0”、“1”、“1”、“1”、“0”、“0”、“0”、“0”视图]：[“34”、“1”、“4”、“4”、“3”、“5”、“0”、“1”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“3”、“3”、“3”、“3”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“，“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“1”、“0”、“0”、“0”、“0”、“1”、“2”、“2”、“0”、“0”、“1”、“0”、“0”、“1”、“0”、“0”、“1”、“1”、“0”、“1”、“1”、“1”、“1”、“1”、“1”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“1”、“1”、“1”、“0”、“1”、“1”、“1”、“0”、“1”、“1”、“1”、“0”、“1”、“0”、“0”、“7”、“7”、“7”、“7”、“7”、“3”、“3”、“3”、“3”、“3”、“3”、“0”、“0”、“3”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“3”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“3”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“谢绝“：[“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“；
myChart=新图表（ctx{
键入“pie”，
数据：{
标签：标签，
数据集：[{
标签：“已发布的广告”，
数据：dataSet.ADVERTS_已发布，
背景颜色：函数（）{
返回getRandomColorHex（）
},
边框宽度：1
}]
},
选项：{
回答：是的，
维护Aspectratio：是的，
//onClick:graphlickevent，
悬停：{
onHover：函数（e，el）{
$（“#myChart”）.css（“光标”，el[0]？“指针”：“默认值”）；
}
},
比例：{
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的
}
}]
}
}
});
函数getRandomColorHex（）{
var hex=“0123456789ABCDEF”，
color=“#”；
对于（var i=1；i发送数组（[“红色”、“蓝色”、“橙色”]）
作为背景色的值
简单的例子：
var colors=[]；
labels.forEach（（元素）=>{
var hex_color=getRandomColorHex（）；
颜色。推送（十六进制颜色）；
})
console.log（颜色）/*[“#5076FA”、“#2832C4”、“#36DEA3”、“#7A940B”、“#FD8E0D”、“#6214DF”、“#9CF566”、“#71459C”、“#98F6B5”、“#B111A4”、“#AAB800”、“#7d6b”、“ţ35; 7d6b”]*/
并将此数组用作backgroundColor
的值：
backgroundColor: colors,
工作示例：
var ctx=document.getElementById（'myChart'）.getContext（'2d'）；
风险值标签=[“2019年3月”、“2019年4月”、“2019年5月”、“2019年6月”、“2019年7月”、“2019年8月”、“2019年9月”、“2019年10月”、“2019年11月”、“2019年12月”、“2020年1月”、“2020年2月”、“2020年3月”]；
var dataSet={“已发布的广告”：[“0”、“0”、“1”、“0”、“4”、“0”、“2”、“0”、“1”、“0”、“0”、“0”、“1”、“1”、“1”、“1”、“2”、“2”、“0”、“1”、“1”、“1”、“0”、“0”、“0”、“0”视图]：[“34”、“1”、“4”、“4”、“3”、“5”、“0”、“1”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“3”、“3”、“3”、“3”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“，“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“1”、“0”、“0”、“0”、“0”、“1”、“2”、“2”、“0”、“0”、“1”、“0”、“0”、“1”、“0”、“0”、“1”、“1”、“0”、“1”、“1”、“1”、“1”、“1”、“1”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“1”、“1”、“1”、“0”、“1”、“1”、“1”、“0”、“1”、“1”、“1”、“0”、“1”、“0”、“0”、“7”、“7”、“7”、“7”、“7”、“3”、“3”、“3”、“3”、“3”、“3”、“0”、“0”、“3”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“3”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“3”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“谢绝“：[“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“0”，“；
var颜色=[]；
labels.forEach（（元素）=>{
var hex_color=getRandomColorHex（）；
console.log（“hello”+hex_颜色）；
颜色。推送（十六进制颜色）；
})
var myChart=新图表（ctx{
键入“pie”，
数据：{
标签：标签，
数据集：[{
标签：“已发布的广告”，
数据：dataSet.ADVERTS_已发布，
背景颜色：颜色，
边框宽度：1
}]
},
选项：{
回答：是的，
维护Aspectratio：是的，
//onClick:graphlickevent，
悬停：{
},
比例：{
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的
}
}]
}
}
});
函数getRandomColorHex（）{
var hex=“0123456789ABCDEF”，
color=“#”；
对于（var i=1；i发送数组（[“红色”、“蓝色”、“橙色”]）
作为背景色的值
简单的例子：
var colors=[]；
labels.forEach（（元素）=>{
var hex_color=getRandomColorHex（）；
颜色。推送（十六进制颜色）；
})
console.log（颜色）/*[“#5076FA”、“#2832C4”、“#36DEA3”、“#7A940B”、“#FD8E0D”、“#6214DF”、“#9CF566”、“#71459C”、“#98F6B5”、“#B111A4”、“#AAB800”、“#7d6b”、“ţ35; 7d6b”]*/
并将此数组用作backgroundColor
的值：
backgroundColor: colors,
工作示例：
var ctx=document.getElementById（'myChart'）.getContext（'2d'）；
风险值标签=[“2019年3月”、“2019年4月”、“2019年5月”、“2019年6月”、“2019年7月”、“2019年8月”、“2019年9月”、“2019年10月”、“2019年11月”、“2019年12月”、“2020年1月”、“2020年2月”、“2020年3月”]；
var dataSet={“已发布的广告”：[“0”、“0”、“1”、“0”、“4”、“0”、“2”、“0”、“1”、“0”、“0”、“0”、“1”、“1”、“1”、“1”、“2”、“2”、“0”、“1”、“1”、“1”、“0”、“0”、“0”、“0”视图]：[“34”、“1”、“4”、“4”、“3”、“5”、“0”、“1”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“3”、“3”、“3”、“3”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“0”、“，"0","0",0,"0","2","0"