javascript - 如何向连续更新 Angular Highcharts 添加标志

Question

我尝试添加用于加载动态数据的标志，当我使用连续更新图表时，这些数据最初起作用，如下 https://www.highcharts.com/stock/demo/dynamic-update然后标志如下https://www.highcharts.com/stock/demo/flags-shapes .

您能给我一些为连续数据添加标志的解决方案吗？另外，我希望如果连续数据超过某个限制，标志应该出现在该系列上。我也想要连续数据上的标志

Answer 1

与为基本系列添加积分类似，您还应该添加标志系列积分:

    events: {
        load: function () {
            var series = this.series[0],
                flagSeries = this.series[1];

            setInterval(function () {
                var x = (new Date()).getTime(), // current time
                    y = Math.round(Math.random() * 100);

                series.addPoint([x, y], true, true);

                flagSeries.addPoint({
                    x: x,
                    title: y
                });
            }, 1000);
        }
    }

现场演示:https://jsfiddle.net/BlackLabel/rh8jug5d/

API:https://api.highcharts.com/class-reference/Highcharts.Series#addPoint