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