javascript - 使用功能设置两个以上 Highchart Solid Gauge 的最小值和最大值

Question

我在为 Highcharts 中的实体仪表设置最小值和最大值时遇到困难。

请引用我的jsfiddle:https://jsfiddle.net/abhaybh/n45snkm6/

我使用 yAxis 来设置范围，如下所述:

y 轴:
{
分钟:最小数据，
最大值:最大数据，
},


我想为不同的仪表设置不同的范围。但是，它们显示的范围与插入的范围不同。

任何帮助将不胜感激。谢谢。

Answer 1

这里的问题实际上是在 yAxis 的 tickAmount 属性中，该属性设置为 2。这使得 SolidGauge 向上舍入最大值以满足该数字 ( http://api.highcharts.com/highcharts/yAxis.max )。为每个实体显示适当值的最简单方法似乎是使用 yAxis 对象内的 tickPositions 数组:tickPositions: [minData, maxData].它将覆盖 tickInterval 和 tickPixelInterval 的行为，并且仪表会将所需的值显示为 min 和 max 标签。这是您修改后的 fiddle :https://jsfiddle.net/n45snkm6/1/ .