echarts浮动显示单位实现方法

最新推荐文章于 2022-09-28 11:37:40 发布

LennieGao

最新推荐文章于 2022-09-28 11:37:40 发布

阅读量1.8k

点赞数 2

分类专栏： echarts 文章标签： js echarts javascript

本文链接：https://blog.csdn.net/weixin_43654258/article/details/110482367

版权

echarts 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

好好学习，天天向上。Are you ready?

例子： 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>";
          },