Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.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_Chart.js2 - Fatal编程技术网

Javascript 如何更改Chart.js图表中文本的颜色

Javascript 如何更改Chart.js图表中文本的颜色,javascript,chart.js2,Javascript,Chart.js2,我使用Chart.js库创建图形及其“chartjs plugin datalabels.js”插件。我这里的问题是如何更改值的颜色​​在图形上,因为它是作为图像渲染的,所以我不能使用CSS样式 尝试使用库模式手册 例如: var ctx=document.getElementById('canvas').getContext('2d'); var图表=新图表(ctx{ 键入“pie”, 数据:{ 数据集:[{ 数据:[45,25,20,10], 背景颜色:[ 图案绘制('square','#f

我使用Chart.js库创建图形及其“chartjs plugin datalabels.js”插件。我这里的问题是如何更改值的颜色​​在图形上,因为它是作为图像渲染的,所以我不能使用CSS样式

尝试使用库
模式手册

例如:
var ctx=document.getElementById('canvas').getContext('2d');
var图表=新图表(ctx{
键入“pie”,
数据:{
数据集:[{
数据:[45,25,20,10],
背景颜色:[
图案绘制('square','#ff6384'),
模式。绘制('圆','#36a2eb'),
图案绘制(“菱形”、“cc65fe”),
图案绘制('triangle','#ffce56')
]
}],
标签:[“红色”、“蓝色”、“紫色”、“黄色”]
}
});

更改标签颜色是最重要的

下面是一个显示更改图表中所有数据集颜色的片段:

新图表(document.getElementById(“图表”){
键入:“馅饼”,
数据:{
标签:['a','b','c','d'],
数据集:[{
数据:[1,2,4,8]
}]
},
选项:{
MaintaintAspectRatio:false,
插件:{
数据标签:{
颜色:“红色”
}
}
}
});


Documentation:在文档中,我只看到图形背景和边框的变化,而没有看到文本的变化字体部分呢?这可能更符合您的要求:是的,使用上面链接中的文档,您可以在数据集数组中使用backgroundColor选项。把颜色设置成你喜欢的任何颜色。你也可以使用hexcode等。字体颜色也可以更改。使用上一个链接的“fontColor”属性,只更改上部标签的颜色,但不更改图形上的数字。这将更改背景颜色,而不是前景。非常感谢,我真的下载了这个插件,却不知道我有一个包含文档的页面