活动量表带有范围选项的高图表

时间:2016-09-27 06:31:26

标签: javascript jquery charts highcharts gauge

我使用过HighChart的活动量表。我想要活动量表与数据中的范围选项。请参阅以下示例:

假设我的yAxis的最小值和最大值为0到100。

labels.minor

我希望系列数据位于范围选项中,如下所示

 yAxis: {
          min: 0,
          max: 100
}

我想要像下图一样 enter image description here

我也想要像图片下方的自定义工具提示

enter image description here

1 个答案:

答案 0 :(得分:2)

类似主题在这里: Activity gauge High Chart with Gradient

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

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/