如何实现echarts中浮动显示单位的功能示例？

本文共计336个文字，预计阅读时间需要2分钟。

原文：本文主要介绍的是利用echarts动态展示单位的相对内容，这种展示效果对大家来说体验是否不错，下面不多说，一起来详细看看吧！例如：echarts动态展示单位实现方法

改写后：本文重点介绍如何使用echarts实现动态展示单位相关内容。此方法的效果是否满意，具体细节将在下文详述。示例：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>&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浮动显示单位内容请搜索易盾网络以前的文章或继续浏览下面的相关文章希望大家以后多多支持易盾网络！