Javascript 如何向连续更新角度图表添加标志

Javascript 如何向连续更新角度图表添加标志,javascript,highcharts,angular5,angular2-highcharts,Javascript,Highcharts,Angular5,Angular2 Highcharts,我尝试添加用于加载动态数据的标志,当我使用如下的连续更新图表时,这些标志开始起作用,然后添加如下的标志 你能给我一些为连续数据添加标志的解决方案吗?此外,我希望如果连续数据超过某个限制,那么标志应该出现在该序列上。我想要连续数据上的标志也类似于为基本系列添加点,您还应该添加标志系列点: events: { load: function () { var series = this.series[0], flagSer

我尝试添加用于加载动态数据的标志,当我使用如下的连续更新图表时,这些标志开始起作用,然后添加如下的标志


你能给我一些为连续数据添加标志的解决方案吗?此外,我希望如果连续数据超过某个限制,那么标志应该出现在该序列上。我想要连续数据上的标志也

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

    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);
        }
    }
现场演示:


API:

我忘了添加js FIDLE,如果连续数据超出限制,我希望在其上设置标志。您可以编辑自己的问题并添加js FIDLE。好吧,这不是问题,对吧?编辑您的问题不是问题,因为这可能会改善问题;但是,如果没有超过标志值的数据,则标志会中断图形,如其在x轴标题或其他位置上的显示,而不应该出现,因为没有超过flagHi Gvd Kishore的数据,在这种情况下,如果存在基准系列点,则只需添加标志系列点:对于添加系列,这是正常的。但在预加载的数据中,它不会像有一些预加载的数据时那样发生,我们在它们上添加标志,当没有标志数据时,它会误导整个图表,这意味着在默认系列标志中添加代码,就像我们在默认图形类型中添加标志:“标志”,名称:“rpm警报”,数据:[{x:this.newalertvalue,标题:'ALERT',文本:'Rpm阈值已超过'}],onSeries:'Speed',颜色:Highcharts.getOptions.colors[5],//与onSeries fillColor:Highcharts.getOptions.colors[5]相同,形状:'squarepin'在这里当this.newalertvalue不可用时,图形将变为空白。Gvd Kishore,您能在JSFIDLE上为我提供这种情况的复制品吗?