Angular5 + ChartJS - 多个图表叠加在一起?

时间:2018-02-18 20:13:52

标签: angular chart.js

所以可以使用一些帮助,我以为我有这个工作,但在玩图表时我意识到我没有。

在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订阅中,当子路径改变时清除它及其数据,但它似乎没有什么区别。

0 个答案:

没有答案