在highstocks上maxPadding

Question

我搜索过高品牌不支持 maxPadding （根据这篇文章Highstock - why is min/maxPadding on xAxis ignored），对于Highstocks有什么替代品吗？

感谢您的帮助。

Answer 1

如果您不使用ordinal axis，则可以xAxis.events.setExtremes以编程方式扩展范围。

xAxis: {
  minPadding: 0.1,
  maxPadding: 0.1,
  ordinal: false,
  events: {
    setExtremes: function(e) {
      if (e.trigger) {
        e.preventDefault()
        const navigator = this.chart.xAxis[1]
        let { min, max } = e
        const range = navigator.max - navigator.min

        if (max === navigator.max) max += 0.1 * range
        if (min === navigator.min) min -= 0.1 * range

        this.setExtremes(min, max)
      }
    }
  }
},

示例：http://jsfiddle.net/qaknvyz9/