echarts浮動顯示單位的實現方法示例
更新時間:2020年12月04日 12:03:19 作者:LennieGao
這篇文章主要給大家介紹了關于echarts浮動顯示單位的實現方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
本文主要介紹的是利用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>  :" + 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>  :" + a[i].value + "%" ); } } listItem = list.join("<br>"); return '<div class="showBox">' + listItem + "</div>"; },
總結
到此這篇關于echarts浮動顯示單位的文章就介紹到這了,更多相關echarts浮動顯示單位內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
使用window.print()前端實現網頁打印超詳細教程(含代碼示例)
前端實現打印功能的方法有很多,大家在網上隨便一搜就是一大堆,下面這篇文章主要給大家介紹了關于使用window.print()前端實現網頁打印的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-06-06