將數據動態加載到Echarts餅圖中


  • 需求描述

    Echarts中的官方示例是將數據的設定寫好在頁面的配置項中的,但在實際的開發展示中,我們需要按照需求通過調用后台的接口獲取數據,再將數據加載到特定的Echarts餅圖中。

  • 實現效果

    

  • 實現步驟
    1. 在配置文件中定義Echarts圖表的配置項。
    2. 在需要展示Echarts圖表的頁面上,通過Ajax向.net后端發送請求,獲取所需的數據。
    3. 在.net后端定義方法,接受並處理前端發來的請求,同時將數據封裝成Echarts圖表所需的格式,返回給前端。
    4. 前端在請求成功,並獲取到數據后,將數據加載到配置項中。
  • 具體實現

    

    

    

    

    

    

    

     

    

    

    

 

     

 

      

 


免責聲明!

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



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