原地址:
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
});