高图逐步缩小

时间:2018-07-25 09:16:26

标签: highcharts

在Highcharts时间序列中,当前我们可以放大数据,并且可以重置“通过按钮缩放”,但是我想要一些可以以与我们放大方式相同的方式逐步缩小的东西。有什么办法吗?任何帮助都将很棒。谢谢您

1 个答案:

答案 0 :(得分:0)

想法是在缩放选择后找到新的xAxis极限,并将其保留在ExtremesXmin和ExtremesXmax数组中,然后在单击resetZoomButton之后设置这些先前的极限:

chart: {
    zoomType: 'x',
    events: {
      selection: function(e) {
        if (e.xAxis) {
          extremesXmin.push(e.xAxis[0].min)
          extremesXmax.push(e.xAxis[0].max)
        }
        zoomLevel++;
      }
    }
  },

要控制按钮并设置新的极限,您需要覆盖Highcharts原型内showResetZoom()函数内的zoomOut()函数:

function zoomOut() {
  if (zoomLevel > 1) {
    chart.xAxis[0].setExtremes(extremesXmin[extremesXmin.length - 2], extremesXmax[extremesXmax.length - 2])
    extremesXmin.pop()
    extremesXmax.pop()
    zoomLevel--;
  } else {
    chart.zoomOut();
  }
}

正在运行的演示:http://mathcs.holycross.edu/~kwalsh/python/