Highcharts标尺样式

Question

我想实现一个类似这张照片的高标尺，您能帮助我吗？特别是这种表盘样式。

我在这个jsfidlle上找到了一个开始示例

jsfiddle.net/6r654hr9/4 /

Answer 1

要获得想要的结果（从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