使用場景和需求:
第一層餅圖顯示黨員黨齡分布的情況。
點擊某個黨齡段,查看擁有該黨齡段的黨支部。
默認顯示3個黨支部,余下的黨支部合並為其它,點擊其它,查看余下的黨支部。
點擊某個黨支部,返回第一層餅圖。
技術原理:
依靠Echart 點擊事件的綁定,通過獲取不同的參數向.net后端發送請求獲取不同的數據,再將數據重新加載到Echart餅圖中。
步驟概述:
1、初始Echart圖表
2、在頁面中定義函數,向.net后端發送請求獲取數據。
加載第一層餅圖的數據,同時綁定點擊事件
響應點擊事件的函數
請求發送成功后,將數據加載到餅圖中
3、在后端定義方法,對請求進行響應和判斷。
響應獲取第一層餅圖數據的請求。
響應Echart單擊的數據請求
獲取前maxShow個黨支部,余下的合並為其它
返回數據給頁面