使用 boost 模块时，Highcharts 注释不起作用

Question

我在折线图中添加了动态注释，单击任何点都会添加形状注释。但是，一旦我添加 boost.js 模块，annotations.js 模块似乎停止工作（或者至少不会在点击时呈现形状注释）。

在 Highcharts documentation 警告部分，他们解释说：

除此之外，不绘制区域线，不支持圆形以外的标记形状。也无法为线条设置破折号样式。也不支持区域、堆叠和负色。

注释没有被提及，它们不兼容吗？有人知道解决方法吗？我还没有找到任何有用的答案，我真的需要同时使用这两个功能。

Answer 1

要使注释按照您想要的方式工作，您应该计算图表上的正确位置：

    events: {
        click: function(e) {
            var chart = this;

            chart.addAnnotation({
                shapes: [{
                    fill: 'none',
                    stroke: 'red',
                    strokeWidth: 3,
                    type: 'path',
                    points: [{
                        x: e.chartX - chart.plotLeft,
                        y: 0,
                        //xAxis: 0,
                        //yAxis: 0
                    }, {
                        x: e.chartX - chart.plotLeft,
                        y: 300,
                        //xAxis: 0,
                        //yAxis: 0
                    }]
                }]
            });
        }
    }

现场演示：http://jsfiddle.net/BlackLabel/mcw8v7ns/