我正在使用Chart.js生成一些图表。折线图需要标签。我似乎无法找出改变这些标签颜色的方法。
var chartGood = "rgba(50,182,93,0.5)";
var lineChartData = {
labels : ["3/14","3/15","3/16","3/17","3/18","3/19","3/20","3/21","3/22","3/23"],
datasets : [
{
fillColor : chartGood,
strokeColor : "rgba(255,255,255,1)",
pointColor : "rgba(50,182,93,1)",
pointStrokeColor : "#fff",
data : [12, 21, 28, 29, 31, 55, 52, 50, 49, 59]
}
]
}
var myLine = new Chart(document.getElementById("cpu-chart").getContext("2d")).Line(lineChartData);
我试过了:
labelColor : "#fff",
legend : {
font : {
color : "#fff"
}
}
label : {
font : {
color : "#fff"
}
}
和其他一些组合,但似乎无济于事。我以为我在文档中找到了我想要的东西
//String - Scale label font colour
scaleFontColor : "#fff",
但这也不能解决我的问题。
是的,该scaleFontColor
选项会更改标签的颜色。
您可能试图将其添加到数据对象中,这就是为什么它不起作用的原因。实际上,应将其作为Line
函数的第二个参数传递,如下所示:
var myLine = new Chart(document.getElementById("cpu-chart").getContext("2d"))
.Line(lineChartData, { scaleFontColor: "#ff0000" });
编辑:
同样,要更改字体大小,请使用scaleFontSize
。
例:
scaleFontSize: 16
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句