技術標籤：Echarts

Echarts更新資料後沒有動畫,不能正常顯示圖的位置

• • 環境
  • 現象（關係圖中）
  • 解決辦法

環境

5.0.1/echarts.min.js

現象（關係圖中）

1. 當圖形被縮放或者平移之後沒有載入動畫。
2. 當節點被刪除到剩兩個對角時有一個無法顯示。
3. 只有兩個節點時刪除一個節點另一個會飛出螢幕外，再也找不到。
4. 初次載入為以下設定時

   option = {
   	.......
   	series: [{
   		type: 'graph',
   		roam: true,    // 'scale' 或者 'move'
   	    ......
       }]
   }
   

解決辦法

1. ~~toolboox過載工具，

   但是點選過載後不進行移動或者縮放~~

2. 將roam屬性設定為false
3. 每次更新重新繪製圖形

   myChart.clear();
   myChart = echarts.init(document.getElementById('main'));
   myChart.setOption(data);
   

   1. 過載按鈕在資料更新完之後會清空整張圖

   2. 只有兩個節點時刪除一個節點另一個會飛出螢幕外，再也找不到。