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>";
},
总结