Highchart中的鼠标滚轮事件会降低xaxis高度

Question

我在highcharts中添加了鼠标滚轮事件，具有以下参考： http://jsfiddle.net/d3r8pb7c/

但是当我继续移动鼠标滚轮xaxis栏高度时，发现滚轮事件存在一个问题。请在下面找到图片。

我试图通过在图表上增加高度来解决此问题，但没有解决任何问题。如果有人知道，请帮助。下面的代码在没有任何效果的情况下试图提高图表的高度。

 chart: {
                height: 500}

Answer 1

当您滚动到边缘时，您的环绕函数错误地计算了轴的极限值。您应该使用以下计算：

        if (chart.isInsidePlot(e.chartX - chart.plotLeft, e.chartY - chart.plotTop)) {
            extr = axis.getExtremes();
            step = (extr.max - extr.min) / 5 * delta;

            if ((extr.min + step) <= dataMin) {
                newExtrMin = dataMin;
                newExtrMax = dataMin + (extr.max - extr.min);
            } else if ((extr.max + step) >= dataMax) {
                newExtrMin = dataMax - (extr.max - extr.min);
                newExtrMax = dataMax;
            } else {
                newExtrMin = extr.min + step;
                newExtrMax = extr.max + step;
            }

            axis.setExtremes(newExtrMin, newExtrMax, true, false);

        }

实时演示：http://jsfiddle.net/BlackLabel/9mbycpqu/