echart自适应及重绘

一、自适应

//第一次绘制时 自适应
document.getElementById('ec_map').style.width = "100%";
document.getElementById('ec_map').style.height = "7.61rem";
  setTimeout(function () {
      chart.resize();
  },100)


//当窗口变化时  让echart 自适应
window.onresie = function(){
    document.getElementById('ec_map').style.width = "100%";
    document.getElementById('ec_map').style.height = "7.61rem";
    setTimeout(function () {
        chart.resize();
    },100)
}

二、数据变换后 重新绘制表格

 resize() {
    setTimeout(() => {
   		//在vue中将echart 保存到 this.chart
   		//this.chart = echarts.init(this.$refs.chart)
         this.chart.clear()  //清空
         this.draw()		//重绘
     }, 100)
 }

resize()