ngx图表仅在悬停时更新

kq4fsx7k  于 2021-09-13  发布在  Java
关注(0)|答案(0)|浏览(152)

下面的代码设法更新结果数组,但只有当我将鼠标悬停在图表上时,更改才可见,就好像它只更新onfocus事件一样。是否有方法使图表元素与结果数组一起更新?

<ngx-charts-bar-vertical
                [results]="chartdata"
                xAxis=true
                yAxis=true
            >
            </ngx-charts-bar-vertical>
ngOnInit() {
        this.chartdata = [
            {
                "name": "entry1",
                "value": 500
            },
            {
                "name": "entry2",
                "value": 700
            },
            {
                "name": "entry3",
                "value": 20
            },
            {
                "name": "entry4",
                "value": 100
            }
        ];

        this.ngZone.runOutsideAngular(() => {
            this.interval = setInterval(() => {
                this.chartdata.push({name: "entry " + Date.now().toString(), value: 150});
                this.chartdata = [...this.chartdata];
            }, 3000); //3 seconds
        });

}

Angular 版本:11“@swimlane/ngx图表”:“^18.0.1”,

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题