highcharts gauge 背景不为白色时标签变粗问题

xiaoxiao2021-02-28  12

    在制作仪表盘的时候,如果设置了图表的背景颜色且不为白色时,那么会发现标签的字体会变成粗体,

且出现白色的框。如图:

    

解决办法:

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中的内容

转载请注明原文地址: https://www.6miu.com/read-2600227.html

最新回复(0)