echarts数据更新,图表不更新

原地址:
echarts图表地址

原图:
在这里插入图片描述

效果图:
在这里插入图片描述
问题:当数据更新时,头部标签不会更新。

代码:

var myChart1 = echarts.init(document.getElementById("echartContainer1"));
                console.log(this.source_data1)
                myChart1.setOption({
                    tooltip: {},
                    legend: {},
                    toolbox: {
                        feature: {
                            saveAsImage: {}
                        }
                    },
                    dataset: {
                        source: this.source_data1
                    },
                    xAxis: {
                        type: 'category',
                        name: "时间",
                    },
                    yAxis: {
                        type: 'value',
                        name: "能耗/kWh",
                        min: 0,
                        axisLabel: {
                            formatter: "{value}"
                        }
                    },
                    series: this.xAxis_data1
                });

解决方案:

                myChart1.clear();

解决后代码:

var myChart1 = echarts.init(document.getElementById("echartContainer1"));
                console.log(this.source_data1)
                myChart1.clear();
                myChart1.setOption({
                    tooltip: {},
                    legend: {},
                    toolbox: {
                        feature: {
                            saveAsImage: {}
                        }
                    },
                    dataset: {
                        source: this.source_data1
                    },
                    xAxis: {
                        type: 'category',
                        name: "时间",
                    },
                    yAxis: {
                        type: 'value',
                        name: "能耗/kWh",
                        min: 0,
                        axisLabel: {
                            formatter: "{value}"
                        }
                    },
                    series: this.xAxis_data1
                });
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章