Highcharts 仪表：仪表上的圆点

Question

我正努力在 Highcharts 中取得 this effect。

我已经成功修改了一个 Solid Gauge，使其在圆弧上有 1 个圆点，但这是通过将图表的 threshold 指定为略低于实际值并将圆点延伸到刚好超过实际价值。我曾尝试使用 Solid Gauge 和常规 Gauge，并将 Dials 修改为出现在弧形上，但据我所知，Dials 不能是圆形的。

Example of a Gauge with modified Dials

plotOptions: {
    gauge: {
    dial: {
        baseLength: '100%',
      baseWidth: 10,
      radius: '100%',
      rearLength: '-90%',
      topWidth: 100,
    },
    pivot: {
        radius: 0,
    }
  }
}

Answer 1

通过在 Solid Gauge 上为每个点添加一个系列并为每个系列添加一个 threshold 而不是在 plotOptions 内添加它。 threshold 不在 series.solidgauge 的 API 文档中...

Highcharts 仪表：仪表上的圆点

Highcharts gauge: Circle points on gauge

javascript

charts

highcharts

gauge