Highcharts 仪表样式
Highcharts gauge style
我想实现一个类似于这张图片的带有高图的仪表,有人可以帮助我吗?特别是这种表盘风格。
我在这个 jsfidlle 上找到了一个开始示例
jsfiddle.net/6r654hr9/4/
要获得想要的结果(从您的 jsfiddle 演示开始),您需要做的就是将 pivot.radius
设置为更高的值并正确定位 dataLabel
。
演示:http://jsfiddle.net/BlackLabel/jp7znmce/
dataLabels: {
enabled: true,
zIndex: 20,
y: -17,
style: {
fontSize: '20px'
},
borderWidth: 0
}
API: https://api.highcharts.com/highcharts/series.gauge.pivot.radius
API: https://api.highcharts.com/highcharts/series.gauge.dataLabels.style
我想实现一个类似于这张图片的带有高图的仪表,有人可以帮助我吗?特别是这种表盘风格。
我在这个 jsfidlle 上找到了一个开始示例
jsfiddle.net/6r654hr9/4/
要获得想要的结果(从您的 jsfiddle 演示开始),您需要做的就是将 pivot.radius
设置为更高的值并正确定位 dataLabel
。
演示:http://jsfiddle.net/BlackLabel/jp7znmce/
dataLabels: {
enabled: true,
zIndex: 20,
y: -17,
style: {
fontSize: '20px'
},
borderWidth: 0
}
API: https://api.highcharts.com/highcharts/series.gauge.pivot.radius
API: https://api.highcharts.com/highcharts/series.gauge.dataLabels.style