javascript - Highcharts yAxis.max动态管理刻度线间隔

我正在尝试根据数据动态设置y值的最大值和最小值，但是某些值存在麻烦。我认为图表无法设置没有适当刻度的值。

例如：最小值：3和最大值10。然后，高位图表将不会设置这些值，而是会设置一个介于0 ... 14之间的值。这只是一个示例值，有时我的最小值为36000.14，最大值为454533.18。

因此，在这种情况下，我的逻辑不起作用。
这是我当前拥有的代码部分：

data = [3.43, 3.58, 4.86, 8.55, 8.77, 4.44, 9.67]

maximum_val = Math.ceil(maximum_val) eg: 10
minimum_val = Math.floor(minimum_val) eg: 3
evolution_options.yAxis[$('#div_count_'+div).find('#y_axis_lbl').text()] = {
  min: minimum_val,
  max: maximum_val,
  title: false,
  labels: {
    style: {
      color: 'black'
    }
  }
}

更新资料

小提琴：http://jsfiddle.net/e3fy1vu9/

进一步的头脑风暴

我认为这是因为最小值不是最大值的倍数，因此Highchart无法计算刻度线的分割方法。如果有什么办法，我可以将最大值设置为最小值的倍数。

最佳答案

这是我的建议，如何根据定义的数据计算yAxis的最大值和最小值。

演示：https://jsfiddle.net/BlackLabel/0qwt1kx7/

  yAxis: {
    min: Math.floor(Math.min(...data)),
    max: Math.round(Math.max(...data)),
    tickAmount: Math.round(Math.max(...data)) - Math.floor(Math.min(...data)) + 1 //1 count the min or max as itself
  },

请测试一下，让我知道它是否符合您的要求。因为tickAmount值取决于数据数组中包含多少个值，并且可能需要对较大的数据进行一些修改。

编辑：

尝试使用此自定义解决方案来计算yAxis位置：

演示：http://jsfiddle.net/BlackLabel/ztaj6Lkd/

var positions = [],
    tickNumbers = 5,
    tick = Math.floor(Math.min(...data));

for(let i = 0; i < tickNumbers; i++) {
    positions.push((Math.round(tick * 100) / 100));
  tick += Math.round(Math.max(...data)) / tickNumbers
}
//add the max
positions.push(Math.round(Math.max(...data)))

关于javascript - Highcharts yAxis.max动态管理刻度线间隔，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/60930817/