單擊Echart餅圖實現數據鑽取


使用場景和需求:

  第一層餅圖顯示黨員黨齡分布的情況。

  

  點擊某個黨齡段,查看擁有該黨齡段的黨支部。

  

  默認顯示3個黨支部,余下的黨支部合並為其它,點擊其它,查看余下的黨支部。

  

  點擊某個黨支部,返回第一層餅圖。

技術原理:

  依靠Echart 點擊事件的綁定,通過獲取不同的參數向.net后端發送請求獲取不同的數據,再將數據重新加載到Echart餅圖中。

步驟概述:

  1、初始Echart圖表

  

  

  2、在頁面中定義函數,向.net后端發送請求獲取數據。

  加載第一層餅圖的數據,同時綁定點擊事件

  

 

  響應點擊事件的函數

   

 

   請求發送成功后,將數據加載到餅圖中

  

  3、在后端定義方法,對請求進行響應和判斷。

  響應獲取第一層餅圖數據的請求。

  

  

  

  響應Echart單擊的數據請求

  

  

  獲取前maxShow個黨支部,余下的合並為其它

  

  返回數據給頁面

  

 

  

 


免責聲明!

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



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