在制作仪表盘的时候,如果设置了图表的背景颜色且不为白色时,那么会发现标签的字体会变成粗体,
且出现白色的框。如图:
解决办法:
plotOptions: {
gauge: {
dataLabels: {
y: 0,
borderWidth: 0,//不显示白色的边框
useHTML: true,//不显示粗体样式的标签
format: '<div style="text-align:center"><span style="font-size:25px;color:' +
'white">{y}</span><br/>' +
'<span style="font-size:12px;color:white">km/h</span></div>',//设置标签样式
}
}
}
结果:
问题解析:
当背景不为白色时,数据标签之所以会变成粗体,个人猜测是因为数据标签默认设置了padding的大小和颜色,使用useHTML: true 之后数据标签的样式就只会是format中的内容