echarts浮動顯示單位的實現(xiàn)方法示例
更新時間：2020年12月04日 12:03:19 作者：LennieGao
這篇文章主要給大家介紹了關(guān)于echarts浮動顯示單位的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
本文主要介紹的是利用echarts浮動顯示單位的相關(guān)內(nèi)容，這個顯示效果對大家來說體驗感還是不錯的，下面話不多說了，來一起看看詳細(xì)的介紹吧
例子： echarts浮動顯示單位實現(xiàn)方法
echarts浮動顯示單位，實現(xiàn)代碼如下：
// 設(shè)置echarts中的formatter參數(shù)
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>";
},
總結(jié)
到此這篇關(guān)于echarts浮動顯示單位的文章就介紹到這了,更多相關(guān)echarts浮動顯示單位內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
js中的preventDefault與stopPropagation詳解
本篇文章主要是對js中的preventDefault與stopPropagation進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
今天小編就為大家分享一篇layui layer select 選擇被遮擋的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JS 實現(xiàn)導(dǎo)航欄懸停效果(續(xù))
上次導(dǎo)航欄懸停的那個頁面在IE上運行的時候，會出導(dǎo)航欄不停的抖動問題，在本文已有完美的解決方法，將導(dǎo)航欄的定位方式由原來的absolute改為fixed即可2013-09-09
Javascript call及apply應(yīng)用場景及實例
這篇文章主要介紹了Javascript call及apply應(yīng)用場景及實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-08-08
WebSocket是一種在單個TCP連接上進(jìn)行全雙工通信的協(xié)議，它可以讓客戶端和服務(wù)器之間進(jìn)行實時的雙向通信，這篇文章主要介紹了前端使用websocket發(fā)送消息的示例代碼,需要的朋友可以參考下2023-07-07
JavaScript控制圖片加載完成后調(diào)用回調(diào)函數(shù)的方法
這篇文章主要介紹了JavaScript控制圖片加載完成后調(diào)用回調(diào)函數(shù)的方法,實例分析了javascript回調(diào)函數(shù)的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
引入autocomplete組件時JS報未結(jié)束字符串常量錯誤
在引入jQuery的autocomplete組件時，遇到j(luò)s報未結(jié)束字符串常量錯誤，原因及解決方法如下，大家可以參考下2014-03-03
js動態(tài)控制table的tr、td增加及刪除的具體實現(xiàn)
這篇文章主要介紹了使用js如何動態(tài)控制table的tr，td增加及刪除,需要的朋友可以參考下2014-04-04
一直以來，對于JavaScript 中的this的理解都是很模糊的， 特別是對函數(shù)進(jìn)行apply 與 call 調(diào)用。這兩個操作如果沒有很好的理解 JavaScript中this的概念，會越搞越迷糊。2009-07-07
js重寫alert事件（避免alert彈框標(biāo)題出現(xiàn)網(wǎng)址）
這篇文章主要給大家介紹了關(guān)于js重寫alert事件的相關(guān)資料，這樣可以避免alert彈框標(biāo)題出現(xiàn)網(wǎng)址的情況，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12