代码之家 › 专栏 › 技术社区 › G Pandurengan

HighChart中的鼠标滚轮事件降低Xaxis高度

mousewheel highcharts jquery javascript

G Pandurengan · 技术社区 · 6 年前

我在海图中添加了一个鼠标滚轮事件,参考如下: http://jsfiddle.net/d3r8pb7c/

但当我不断移动鼠标滚轮X轴时,发现了一个关于滚轮事件的问题。请找到下面的图片。

我试图通过增加图表的高度来解决这个问题,但什么都没有解决。如果有人知道,请帮忙。以下代码是我在没有解决问题时试图提高图表高度的代码。

图表:{ 身高:500 < /代码> <

但当我不断移动鼠标滚轮X轴时,发现了一个关于滚轮事件的问题。请找到下面的图片。

我试图通过增加图表的高度来解决这个问题,但什么都没有解决。如果有人知道,请帮忙。下面的代码我试图在没有任何结果的情况下提高图表的高度。

 chart: {
                height: 500}

1 回复 | 直到 6 年前

ppotaczek 6 年前

当滚动到边缘时,wrap函数错误地计算轴的极值。您应该使用以下计算:

        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/