highcharts - Highcharts 仪表样式

Question

我想用类似于这张照片的高图来实现一个仪表，有人可以帮助我吗？特别是这种表盘风格。

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

jsfiddle.net/6r654hr9/4/

标签： highchartsgauge

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