gauge Highcharts (或其他库)上的不等间隔

Question

我需要设置一个仪表图，与非常自定义和不等的时间间隔

它们在图表中的值和空间不相等，例如:从0到5被归类为稳定，它在仪表图上的面积大于5% (我们这样做是为了更好地在图表上可视化它的值)

到目前为止，所有的例子都平分了面积..

我认为下面的图片更容易理解。

​

Answer 1

我知道如何使用两个饼图系列和量规来创建此图表。仪表y轴为计算指示器的值的函数设置了min设置为0，max设置为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

接口名：https://api.highcharts.com/highcharts/series.pie.dataLabels.formatter

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

致以亲切的问候！