在使用Echarts 组件时,在数据视图显示的时候会发现表格数据没有行列对齐显示,然后进行
optionToContent: function (opt) {
var axisData = opt.xAxis[0].data; //坐标数据
var series = opt.series; //折线图数据
var tdHeads = ‘时间’; //表头
var tdBodys = ‘’; //数据
series.forEach(function (item) {
//组装表头
tdHeads += ‘’+item.name+’’;
});
var table = ‘
for (var i = 0, l = axisData.length; i < l; i++) {
for (var j = 0; j < series.length; j++) {
//组装表数据
tdBodys += ‘’;
}
table += ‘’+tdBodys+’’;
tdBodys = ‘’;
}
table += ‘
’+series[j].data[i]+’ |
’+axisData[i]+’ |
return table;
}
然后就会出现点击刷新按钮,返回页面展示错误的情况,经过查看官方文档,在使用 optionToContent 的情况下,如果支持数据编辑后的刷新,需要自行通过 contentToOption 函数实现组装 option 的逻辑。
代码如下:
contentToOption: function(HTMLDomElement, opt){
return opt;
},
然后完美解决了