Angular 如何刷新或重新加载角度为5/6的highchart中的数据

Angular 如何刷新或重新加载角度为5/6的highchart中的数据,angular,angular2-highcharts,Angular,Angular2 Highcharts,我用的是安圭拉6的海图。我想使用setinterval重新加载数据。我找不到合适的解决办法 图表组件.ts import{Chart,Highcharts}来自“角度海图”; 恩戈尼尼特(){ this.loaded=false; this.rowData=[[0,2]、[1,2]、[2,3]、[4,4]、[4,5]; this.loadChart(this.data.data); } 负荷图(数据):任何{ 此项。高图表选项={ 图表:{type:this.graphType}, 标题:{文本

我用的是安圭拉6的海图。我想使用
setinterval
重新加载数据。我找不到合适的解决办法

图表组件.ts

import{Chart,Highcharts}来自“角度海图”;
恩戈尼尼特(){
this.loaded=false;
this.rowData=[[0,2]、[1,2]、[2,3]、[4,4]、[4,5];
this.loadChart(this.data.data);
}
负荷图(数据):任何{
此项。高图表选项={
图表:{type:this.graphType},
标题:{文本:'},
图例:{enabled:false},
plotOptions:{series:{dataLabels:{enabled:true}}},
序列:[{name:'random series',data:data}]
};
此.handleIntervals();
}
handleIntervals():void{
设置间隔(()=>{
log(this.rowData[this.rowData.length-1]);
让rowY=this.rowData[this.rowData.length-1];
设y=rowY[0];
this.rowData.push([parseInt(y)+1,10]);
//this.highChartsOptions.series[0]。data=this.rowData;
//this.loadChart(this.rowData);
}, 5000);
//const subscribe=source.subscribe(this.loadChart());
}
您需要在setInterval中调用获取this.data.data的服务


当更新此.highChartsOptions.series中的数据时,角度highcharts会自动刷新。

如果要添加新系列,请使用

 this.chart.addSerie({})
如果要更新数据

 this.chart.series[0].setData(rowData);
检查文件:
示例:

最终我可以解决这个问题。我认为这不是一个合适的解决方案,但效果很好。

您编写的代码有什么问题?我想使用interval在特定时间重新加载图表数据。在这个间隔函数(handleIntervals)中,我使用新数据调用loadChart函数,但它不影响图表我不想添加或删除序列。我想更改所有数据尝试此.chart.series[0].setData(rowData);图表中的
未定义
使用AddNews系列它将提供包含给定数据的新图表您使用的是angular highchart,而不是highchart angular。两者都是基于相同highchart.js的独立库。请相应地重命名stackblitz项目。我一时糊涂。