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. 只有兩個節點時刪除一個節點另一個會飛出屏幕外,再也找不到。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM