javascript - Highcharts 卡在平移上

Question

我正在尝试在新的浏览器窗口上打开 highcharts，所以我正在做类似的事情。

let chartWindow = window.open("", "_blank", "left=0,top=0,width=600,height=450");
let chartContainer = $("<div />", {
            class: "chart-container"
        });
$(chartWindow.document.body).append(chartContainer);
Highcharts.chart(chartContainer[0], chartOptions);

但是，如果打开了多个窗口，并且您尝试缩放除第一个窗口之外的其他窗口，则单击会卡住。似乎某些事件未正确触发。因此，如果您尝试选择图表进行缩放，它就会卡住，您必须转到打开的第一个图表并单击此处来修复它。我确信是因为在新窗口上打开图表，但我需要这样做。

这可能是什么问题？

编辑:代码示例

Answer 1

这个问题看起来像是一个错误，所以我在 Highcharts github 上报告了它:https://github.com/highcharts/highcharts/issues/9748

作为解决方法，您可以编辑 Highcharts 指针方法 setDOMEvents:

    if (!H.unbindDocumentMouseUp) {
        H.unbindDocumentMouseUp = [];
    }
    H.unbindDocumentMouseUp.push(addEvent(
        ownerDoc,
        'mouseup',
        pointer.onDocumentMouseUp
    ));

和销毁:

            H.unbindDocumentMouseUp.forEach(function(unbind) {
                unbind();
            });

现场演示:http://jsfiddle.net/BlackLabel/cxz7hugp/