本文主要介紹的是利用echarts浮動顯示單位的相關內容，這個顯示效果對大家來說體驗感還是不錯的，下面話不多說了，來一起看看詳細的介紹吧

例子： echarts浮動顯示單位實現方法

echarts浮動顯示單位，實現程式碼如下：

// 設定echarts中的formatter引數
   formatter: function(a) {
   let list = [];
   let listItem = "";
   for (var i = 0; i < a.length; i++) {
    if (i < 2) {
    list.push(
     '<i style="display: inline-block;width: 10px;height: 10px;background: ' +
     a[i].color +
     ';margin-right: 5px;border-radius: 50%;}"></i><span style="width:70px; display:inline-block;">' +
     a[i].seriesName +
     "</span>&nbsp&nbsp：" +
     a[i].value +
     "萬"
    );
    } else {
    list.push(
     '<i style="display: inline-block;width: 10px;height: 10px;background: ' +
     a[i].color +
     ';margin-right: 5px;border-radius: 50%;}"></i><span style="width:70px; display:inline-block;">' +
     a[i].seriesName +
     "</span>&nbsp&nbsp：" +
     a[i].value +
     "%"
    );
    }
   
   }
   listItem = list.join("<br>");
   return '<div class="showBox">' + listItem + "</div>";
   },

總結

到此這篇關於echarts浮動顯示單位的文章就介紹到這了,更多相關echarts浮動顯示單位內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！