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/

使用Boost模块时Highcharts注释不起作用

1 个答案: