本文主要介绍的是利用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>"; },
总结
到此这篇关于echarts浮动显示单位的文章就介绍到这了,更多相关echarts浮动显示单位内容请搜索站长技术以前的文章或继续浏览下面的相关文章希望大家以后多多支持站长技术!
1. 概述 该demo主要实现linux下JSON配置文件的基本操作解析 引用cJSON库的地址为...
简介 meta标签是HTML语言HEAD区的一个辅助性标签。 meta常用于定义页面的说明,...
MySQL支持多种字符集(character set)提供用户存储数据,同时允许用不同排序规则(...
功能:返回与正则表达式查找内容匹配的第一个子字符串的位置 语法:stringObj.se...
本文实例讲述了正则表达式教程之重复匹配。分享给大家供大家参考,具体如下: 注...
最近呢,公司让写一个组件,要求用正则表达式构建一个中文的匹配组件,许多问题...
一、Nacos 简介 Nacos(Naming and Configuration Service)致力于帮助您发现、配...
代码片段是开发者每天都要面对的东西,甚至有时候查找代码片段的时间比编写新代...
本地开发完成后,通常会在服务器上部署,有人会使用ftp,有人会使用scp, ftp和s...
. 匹配除换行符的任意字符 \w 匹配字母,数字,下划线,汉字 \s 匹配任意空白符 ...