warning:Can't get dom width or height
在init之前先重新设置dom的宽高
widget = {
//tab切换时重新设置dom的宽高
resizeMainContainer : function () {
//获取父组件的宽度
let width = $('#tab-content').width();
//设置宽度(高度同理)
$('#chart1').width(width);
$('#chart2').width(width);
},
_setChart: function (){
// 窗口大小变化时触发resize事件
$(window).resize(function() {
widget.resizeMainContainer();
})
setTimeout(()=>{
let Chart1 = echarts.init(document.getElementById('chart1'));
let Chart2 = echarts.init(document.getElementById('chart2'));
let basicOption1 = {...};
let basicOption2 = {...};
Chart1.setOption(option1);
Chart2.setOption(option2);
},500)
},
}
warning:There is a chart instance already init
先销毁,再创建
//全局定义chart !!!注意是全局
var chart1 = {};
_setChart: function (){
if ( !$.isEmptyObject(chart1) ) {
chart1.dispose();//销毁
}
//创建
chart1 = echarts.init(document.getElementById('chart1'));
}