当前位置: 首页 > news >正文

echarts的折线图,在点击图例后,提示出现变化,不报错。tooltip的formatter怎么写

在点击图例的年后,提示框会相应的变化,多选和单选都会响应变化。tooptip的重度在formatter

        tooltip:{show:true,trigger:"axis",alwaysShowContent:true,triggerOn:"mousemove",textStyle:{color:"#fff"},backgroundColor:'rgba(6,17,71,0.8)',borderColor:"#0E8BFF",borderWidth:2,// formatter:"{b}销售额<br/>{a0}:{c0}<br/>{a1}:{c1}<br/>{a2}:{c2}"formatter:function(params){console.log(params,"params")if(params.length==0){return}let base=params[0].name+"销售额"+"<br/>"for(let i=0;i<params.length;i++){base=base+`<span style="display: inline-block;padding: 5px 5px 5px 0px;"><i style="display: inline-block;width: 10px;height: 10px;background:${params[i].color};border-radius: 50%;"></i></span>`+params[i].seriesName+": "+params[i].value+"<br/>"}return base                }},

当点击了图例,会拿到数组,将标题在循环数组的时候,每次遍历都在原来的基本标题上增加新的内容,最后将基本标题内容返回。所以,点击图例后,提示会响应的变化

echarts中自定义提示框 (tooltip.formatter)_echarts tooltip formatter自定义_依旧平凡的博客-CSDN博客

http://www.lryc.cn/news/168800.html

相关文章:

  • C++中的auto是一个关键字,用于在编译时自动推导变量的类型
  • VUE build:gulp打包:测试、正式环境
  • 1.使用turtle换一个五环2.设计这样一个程序:输入一个数字 判断它是不是一个质数
  • C语言希尔排序
  • KubeSphere 在互联网医疗行业的应用实践
  • 物联网:用python调入机器学习分析物联网数据入侵检测模块
  • 使用scss简化媒体查询
  • win部署CRM
  • Linux命令200例:dip用于用户与远程主机建立通信连接
  • 【每日一题】981. 基于时间的键值存储
  • IMU姿态解算,从IMU数据中计算旋转、速度、位置,IMU测量的原理
  • 【Qt-17】Qt调用matlab生成的dll库
  • css经典面试题(二)
  • jira搜索search issue条目rest实用脚本
  • 《C++ primer plus》精炼(OOP部分)——对象和类(5)
  • 钉钉旧版服务端SDK支持异步方法的升级改造
  • 【C语言】【数据存储】用%d打印char类型数据,猜结果是啥
  • 算法——双指针
  • 【PowerQuery】Excel的PowerQuery按需刷新
  • Django REST Farmowork初探
  • 【flink进阶】-- Flink kubernetes operator 版本升级
  • Linux Ubuntu20.04深度学习环境快速配置命令记录
  • 信息安全三级真题一
  • RK3568-tftp更新设备树和内核nfs挂载文件系统
  • FIR滤波器简述及FPGA仿真验证
  • 高速信号处理板资料保存:383-基于kintex UltraScale XCKU060的双路QSFP+光纤PCIe 卡设计原理图
  • QT:使用分组框、单选按钮、普通按钮、标签、行编辑器、垂直分布、水平分布做一个小项目
  • 封装微信小程序隐私信息授权
  • 【C#】FileInfo类 对文件进行操作
  • python中的字符串也是可迭代对象吗?