Activity 使用范围选项衡量最高图表

Question

我使用了 HighChart 中的 activity 仪表。我想要 activity 仪表图表，在数据中包含范围选项。请参阅以下示例：

假设我的 yAxis 有一个从 0 到 100 的最小值和最大值。

 yAxis: {
          min: 0,
          max: 100
}

我想要如下范围选项中的系列数据

series: [{
          data: [{
            y: [0,48]
          },{
            y: [90,100]
         }
        }]

我想要和下图一样的

我还想要如下图所示的自定义工具提示

Answer 1

此处有类似主题：

作为本主题的补充，您可以使用在不同位置开始和结束的不同窗格：

pane: [{
  startAngle: 0,
  endAngle: 360,
  background: [{ // Track for Move
    outerRadius: '112%',
    innerRadius: '88%',
    backgroundColor: Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0.3).get(),
    borderWidth: 0
  }]
}, {
  startAngle: 360,
  endAngle: 0,
  background: [{ // Track for Move
    outerRadius: '72%',
    innerRadius: '48%',
    backgroundColor: Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0.3).get(),
    borderWidth: 0
  }]
}],

您可以在此处查看其工作原理示例： http://jsfiddle.net/5ajoegb9/4/

Activity 使用范围选项衡量最高图表

Activity gauge High Chart with Range option

javascript

jquery

charts

highcharts

gauge