echarts浮动显示单位的实现方法示例
时间:2021-11-13 15:29:53|栏目:JavaScript代码|点击: 次
本文主要介绍的是利用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>"; },
总结