vue使用g2ploat图表防止无限加载问题

解决办法:首次加载时渲染图表,再次调用时只更改数据

  getPassdata(data) {
            this.passColumnPlot = new Column('passcontainer', {
                data,
                xField: 'year',
                yField: 'count',
                columnWidthRatio: 0.3,
                xAxis: {
                    label: {
                        autoHide: true,
                        autoRotate: false,
                    },
                },
                meta: {
                    year: {
                        alias: '类别',
                    },
                    count: {
                        alias: '数量',
                    },
                },
            });
            this.passColumnPlot.render();
        },
   // 获取报表
        async getReport() {
            const getReportDatalist = await Taskmanagement.getReportData(this.formselect);
            if (getReportDatalist == null) return;
            this.getReportDatalist = getReportDatalist
            if (this.firstChart == true) {
                this.firstChart = false;
                this.getPassdata(this.getReportDatalist)
            } else {
     this.passColumnPlot.chart.changeData(this.getReportDatalist);
            }
        }
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容