最近参与一个项目遇到一个问题,这个tooltip提示框信息怎么配?找了好久最终配置成功,分享到这里大家共享一下,能节省不少时间

首先可以看一下系统介绍的文章,里面知识点比较多,也有注释,讲的很全,推荐大家看一下,Echart自定义Tooltip文章链接。

这里我补充一点就是formatter函数中的param参数从哪里来?

直接上代码:下面的data中的数据就是params参数的来源。

tooltip: {

trigger: 'item',

formatter:function (parms){

var str = parms.marker+""+ parms.data.name+""+

"金额:"+ parms.data.value+""+

"占比:"+ parms.percent+"%"+""+

"笔数:"+ parms.data.count;

return str ;

}

},

series:[

data:[

{value: obj.nativeCity,

name: obj.nameList[0],

itemStyle:{color: "#ff6226"},

count:obj.nativeCityNum

},

{value: obj.nativeProvince,

name: obj.nameList[1],

itemStyle:{color: "#2ca7f9"},

count:obj.nativeProvinceNum

},

{value: obj.otherProvince,

name: obj.nameList[2],

itemStyle:{color: "#2cc78f"},

count:obj.otherProvinceNum

}

]

]

Over,问题解决。

本文地址:https://blog.csdn.net/ProgrammingWhite/article/details/110232039

html表格怎样传入数据类型,Echarts图表中pie类型tooltip中formatter函数传递的参数从哪里来?...相关推荐

  1. 开发一个导出功能,将echarts图表导出到excel文件中

    首先,做这个功能开发时,首先有几点必须弄清楚:1.echarts图表导出时该怎样导出到excel中,2.有没有图表自带的导出功能可用.经过我上网查阅相关资料以及去echarts官网查看API后,发现图 ...

  2. ElementUI中el-upload怎样上传文件并且传递额外参数给Springboot后台进行接收

    场景 需要将Excel中的数据导入到数据库中,就会用到文件上传的功能. 这里使用ElementUI的el-upload控件实现文件上传. 注: 博客: https://blog.csdn.net/ba ...

  3. java中map类型_Java中Map类型遍历的两种方式对比

    Java中Map类型是存储键值对数据的类型,在编程过程经常使用,进行遍历操作对于每个Java程序员都不会模式,下面总结两种常用的遍历方式(一种keySet,一种entrySet),通过对比让你明白使用 ...

  4. python中dword类型_Python中的数据类型

    Python中总共有六种数据类型,分别如下: 数字(Numbers) 字符串(String) 列表(List) 元组(Tuple) 集合(Sets) 字典(Dictionaries) 数字的种类: 整 ...

  5. echarts图表使字体大小为自适应 fontSize函数fontSize(0.15)

    // 使字体大小为自适应function fontSize(res) {let clientWidth =window.innerWidth ||document.documentElement.cl ...

  6. Echarts组件 tooltip提示formatter函数

    图表提示框的内容修改和HTML样式解决 setChart(value) {let myChart = echarts.init(document.getElementById("fee&qu ...

  7. java中小数类型_java中小数属于什么类型的数据

    展开全部 小数属于浮点型(默认为double). 浮点型代表的是实数,其实就是包含小数的部分.也知道现实世界中是由32313133353236313431303231363533e59b9ee7ad9 ...

  8. 从sql中image类型字段中导出图片

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.I ...

  9. 计算机中的类型,计算机中各种件文的类型及其作用.doc

    计算机中各种件文的类型及其作用 1. "323" "H.323 Internet 电话技术" 2. "386" "虚拟设备驱动程序 ...

最新文章

  1. java文件不能生成class,一文说清!
  2. IOS和Android音频开发总结
  3. rocketmq删除topic_RocketMq 快速入门教程
  4. 快慢结合搞定网站优化排名(二)-内链
  5. strace 简单用法
  6. Hadoop-RPC底层实现与解析
  7. JMeter压力测试和性能优化
  8. 普罗米修斯 Prometheus
  9. vue 引入字体图标显示方块
  10. 高情商的人都在这样表现汇报工作
  11. 商业需求响应管理系统行业调研报告 - 市场现状分析与发展前景预测
  12. 小米4 miui6 android,小米4怎么刷miui6?小米4刷miui6三种方法详解
  13. 2020年中国废旧纺织品回收行业市场现状分析,高值化再生技术持续推进「图」
  14. 漏洞预警|Apache Karaf 存在远程代码执行漏洞
  15. 【2015年第4期】城市交通大数据技术及智能应用系统
  16. DataX实践趟坑大全
  17. MongoDB 实战教程:数据库与集合的 CRUD 操作篇
  18. 计算机在英语课堂的应用,浅谈信息化技术在英语课堂的应用
  19. c语言中U16和S16的意义
  20. 串口通讯常用方法及CRC校验

热门文章

  1. matlab2c使用c++实现matlab函数系列教程-load函数
  2. Jmeter全局变量设置
  3. 用户故事与敏捷方法笔记 --- 用户故事
  4. Oracle In子句
  5. wtforms Form实例化流程(源码解析)
  6. [转载] Python中NumPy简介及使用举例
  7. [转载] python中 numpy_Python中的Numpy
  8. [转载] Python的双端队列deque
  9. 9月我的第一次,新的感悟
  10. 自然语言处理真实项目实战(20170822)