Gauge Highcharts（或其他库）上的不等间隔

Question

我需要设置一个 Gauge 图表，具有非常自定义和不等的间隔

数值不等，在space他们在图表中取值，例如：0到5被归类为稳定，并且其在仪表图表上的面积大于5％（我们这样做是为了在图表上更好地展示它的价值）

目前看到的所有例子均分区域..

我觉得用图片更容易理解，在下面。

Answer 1

我想到了如何使用两个饼系列和仪表来创建此图表。对于计算指标值的函数，仪表 y 轴已将最小值设置为 0，将最大值设置为 10。

这是一个计算每个周期的 gauge 值的函数：

function parseData(value) {
  if (value <= 10) {
    return value * 0.8 - 1
  } else if (10 < value && value <= 20) {
    return ((value - 10) / 2.5) + 7
  } else {
    return ((value - 20) / 10) + 11.5
  }
}

您可以在此处找到其余代码 - demo

API: https://api.highcharts.com/highcharts/series.pie.dataLabels.formatter

如果有什么不清楚的地方，请告诉我。

亲切的问候！

Gauge Highcharts（或其他库）上的不等间隔

unequal intervals on gauge Highcharts (or other libraries)

charts

highcharts

gauge