所以可以使用一些帮助,我以为我有这个工作,但在玩图表时我意识到我没有。
在ngOnInit中,我订阅了我的一个服务,它返回一个包含我需要生成我需要的图表所需数据的observable。此订阅位于路由器参数订阅内,该订阅监视用户何时更改同一组件中的子页面,以便我可以更新页面数据,标准Angular内容。
我认为它工作得很好,我会切换路线,我的图表会重建,我的所有其他数据值都会在页面上更新,生活也很好。
在我改变路线后开始玩Y轴之前,我的图表开始在我当前的路线图和前一路线的图表之间闪烁!我很确定我在错误的顺序做事,或者错过了一些东西以防止它在现有的图表之上重建另一张图表?
下载了一些发生的事情 https://gyazo.com/dd87de46b282094f88cda41189910c00
这是对我做事情的顺序的高级别看,我不会费心填写其他一些东西继续进行,除非有必要,我认为这给了主人。
chart = [] as Chart;
ngOnInit
{
router.params.subscribe(params => {
//Set a few var's based on param's here
apiService.getData()
.subscribe(res => {
timestamps = res.history.map((x) =>x.time)
data = res.data.map((y) => y.data)
chart = new Chart('canvas' }{
//Normal ChartJS stuff in here
labels = timestamps;
data = data;
}
}
}
}
我已尝试使用this.chart = []作为图表清除我的图表;在我的params订阅中,当子路径改变时清除它及其数据,但它似乎没有什么区别。