echart adaptive and redraw

One, adaptive

//第一次绘制时 自适应
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)
}

2. Redraw the table after data transformation

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

resize()

Guess you like

Origin blog.csdn.net/weixin_43413047/article/details/107002596