Аннотации Highcharts не отображаются

Я обнаружил, что когда я добавлял аннотации с использованием Highcharts, функция "linkedTo" никогда не работала, несмотря на мои испытания.

Несмотря на то, что я добавил, что руководство не смогло применить его. Я бы предложил в вашем случае добавить его по значению x и y, а затем найти точку таким образом. Вот как я успешно добавил аннотации в прошлом:

 series.data.forEach(function (point) {

                var annotationObject =
                    {
                        id: point.id,
                        labelOptions: {
                            y: 15,
                            verticalAlign: 'bottom',
                            distance: 25
                        },
                        labels: []
                    };

                }

                var text = <get text you want to push>;

                annotationObject.labels.push(
                    {
                        point: {
                            xAxis: 0,
                            yAxis: 0,
                            x: point.x,
                            y: point.y
                        },
                        text: text
                    }

                );

                _chart.addAnnotation(annotationObject);
            });

Я также обнаружил ошибку в HighCharts при использовании удаленных аннотаций в качестве хэдз-ап. Каждой точке нужен идентификатор, как указано выше, но он должен вызываться этой строкой:

           _chart.removeAnnotation(id);

Он удалит аннотацию, однако вы получите много жалоб от высоких карт, если после этого вы попытаетесь что-то сделать, и он сломается. Я нашел ответ здесь, в annotations.js:

Красный ящик - это код, который я добавил. Если вы удалите ANnotation (ann.id), и это будет rerenders, он не сработает, потому что объект label имеет значение null. Добавление этой проверки позволяет сделать это без сбоя labelCollectors.

Счастливый график.