echarts浮動顯示單位的實(shí)現(xiàn)方法示例
本文主要介紹的是利用echarts浮動顯示單位的相關(guān)內(nèi)容,這個顯示效果對大家來說體驗(yàn)感還是不錯的,下面話不多說了,來一起看看詳細(xì)的介紹吧
例子: echarts浮動顯示單位實(shí)現(xiàn)方法
echarts浮動顯示單位,實(shí)現(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)文章
微信小程序開發(fā)之實(shí)現(xiàn)食堂點(diǎn)餐系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了如何通過微信小程序開發(fā)一個簡單的食堂點(diǎn)餐系統(tǒng),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以和小編一起學(xué)習(xí)一下2023-01-01用javascript對一個json數(shù)組深度賦值示例
本節(jié)主要介紹了用javascript對一個json數(shù)組深度賦值的具體實(shí)現(xiàn),需要的朋友可以參考下2014-07-07使用微信小程序API,調(diào)用微信的各種內(nèi)置能力。
微信小程序如何使用小程序API,去調(diào)用微信提供的各種內(nèi)置能力(即微信API)。小程序開發(fā)框架提供豐富的微信原生API,可以方便的調(diào)起微信提供的能力,如獲取用戶信息,本地存儲,支付功能等。2022-12-12使用window.print()前端實(shí)現(xiàn)網(wǎng)頁打印超詳細(xì)教程(含代碼示例)
前端實(shí)現(xiàn)打印功能的方法有很多,大家在網(wǎng)上隨便一搜就是一大堆,下面這篇文章主要給大家介紹了關(guān)于使用window.print()前端實(shí)現(xiàn)網(wǎng)頁打印的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-06-06