利用Echarts怎么對懸浮框中的數據進行排序

利用Echarts怎么對懸浮框中的數據進行排序？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

創新互聯主要從事成都做網站、成都網站建設、成都外貿網站建設、網頁設計、企業做網站、公司建網站等業務。立足成都服務田東,十年網站建設經驗,價格優惠、服務專業,歡迎來電咨詢建站服務:18982081108

以下為數據降序的代碼：

  tooltip = {
      trigger: 'axis',
      formatter: (params) => { // params為懸浮框上的全部數據
       const newParams = [];
       let paramsData = _.sortBy(params, 'value'); // 根據value值升序，_.sortBy為lodash的方法
       paramsData = _.reverse(paramsData); // 將數據降序，_.reverse為lodash的方法
       paramsData.forEach((p) => {
        // p.marker為對應數據線的顏色的圓點 
        // p.seriesName為對應數據的數據名稱
        // p.value為對應數據的值
        const cont = p.marker + ' ' + p.seriesName + ': ' + p.value + '<br/>'; 
        newParams.push(cont);
       });
       return _.join(newParams, ''); // 這里是需要將數組轉化成字符串顯示，如果不轉化，每個數據前面都會出現一個逗號（，），_.join為lodash的方法
      }
     }

主要是在formatter中設置，formatter可以接受兩種形式，字符串模版和回調函數

回調函數可以根據需求相應處理數據

字符串模版可以自定義顯示形式

字符串模版有多中，根據具體是什么圖，官網詳細介紹了這幾種類型

關于利用Echarts怎么對懸浮框中的數據進行排序問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注創新互聯行業資訊頻道了解更多相關知識。

網頁題目：利用Echarts怎么對懸浮框中的數據進行排序
標題網址：http://www.yijiale78.com/article10/jdohdo.html

成都網站建設公司_創新互聯，為您提供移動網站建設、Google、網站建設、云服務器、靜態網站、微信公眾號