如何向无数更新角度高位图表添加标志

时间:2019-02-05 07:53:23

标签: javascript highcharts angular5 angular2-highcharts

我尝试添加用于加载动态数据的标记,这些标记首先在按如下https://www.highcharts.com/stock/demo/dynamic-update使用连续更新图表时起作用,然后按如下https://www.highcharts.com/stock/demo/flags-shapes使用标记。

能给我一些为连续数据添加标志的解决方案吗?另外,我希望如果连续数据超出某个限制,则该标志应出现在该系列上。而且我还希望在连续数据上标记

1 个答案:

答案 0 :(得分:0)

类似于为基本系列添加点,您还应该添加标志系列点:

    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