highchart 中的鼠标滚轮事件降低了 x 轴高度

Question

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

但是当我继续移动鼠标滚轮时，我发现滚轮事件有一个问题 xaxis bar height reducing。请找到下图。

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

 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/

highchart 中的鼠标滚轮事件降低了 x 轴高度

Mouse wheel event in highchart reduce xaxis height

javascript

jquery

mousewheel

highcharts