echarts重新加載重繪問題 === Y軸單位自動適應(轉換)大小

重新加載重繪問題

echarts需要重新渲染，這時候，需要將之前渲染的圖表的_echarts_instance_屬性去掉。
因為echarts繪制都要創建一個Echarts實例，返回echartsInstance。所以我們只需要在重新創建的時候，移除之前創建的實例並且重新創建一個Echarts實例：

document.getElementById('main').removeAttribute('_echarts_instance_'); // 移除容器上的 _echarts_instance_

// 再重新創建
let myChart = echarts.init(document.getElementById('main')); myChart.setOption(option,true);

 

 

 

 

 

Y軸單位自動適應(轉換)大小

 Y軸的單位可以根據帶寬的大小自動調節，比如我的帶寬達到300M以后，縱軸單位是M，當帶寬達到3G時，縱軸單位是G

  yAxis: {
    type: 'value',
    axisLabel: {
       formatter: function(value){
                    if((value/(1024*1024*1024))>10){
                       return (value/(1024*1024*1024)).toFixed(2)+" Gbps";
                    }else if((value/(1024*1024))>10){
                       return (value/(1024*1024)).toFixed(2)+" Mbps";
                    }else if((value/(1024))>10){
                       return (value/(1024)).toFixed(2)+" Kbps";
                    }else{
                       return value +" bps";
                    }
                   }
      }
   }

效果：