博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【前端图表】echarts散点图鼠标划过散点显示信息
阅读量:5134 次
发布时间:2019-06-13

本文共 894 字,大约阅读时间需要 2 分钟。

在做项目的过程中,总会遇到这样或者那样的bug,这个时候就要看自己的动手能力有多强了,着手解决了一个bug之后,整个人都感觉很开心,端午下班之前遇到了一个小问题,echarts散点图鼠标划过散点的时候,没有显示从后台拿过来的数据,今天一看,原来是忘记写代码了,没有写返回数据,又怎么会返回需要的信息并且展示在前端界面?

紧跟着上一篇进行完善,本篇文章主要是解决echarts散点图鼠标划过散点显示信息的问题,篇幅较短,大约需要两分钟读完。

只需要在option里面写上返回需要的信息代码。

tooltip: {                      /*返回需要的信息*/                      formatter: function(param) {                          var value = param.value;                          return '
' + value[2] + '(' + value[1] + ')' + '
'; } },

改造后的效果如下,echarts散点图鼠标划过散点显示翻身的次数。

示例完整代码如下:

            
五分钟上手之散点图

注:

原文作者:祈澈姑娘技术博客:

90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源300G干货大全。

公众号回复“1”,拉你进程序员技术讨论群.

转载于:https://www.cnblogs.com/ting6/p/9726125.html

你可能感兴趣的文章
Laravel 调试利器 Laravel Debugbar 扩展包安装及使用教程
查看>>
成功在MP4封装的H264视频中提取能播放的裸流
查看>>
python tkinter-单选、多选
查看>>
2014年03月 面试总结
查看>>
Python3安装turtle提示错误:Command "python setup.py egg_info" failed with error code 1
查看>>
欧拉函数---预处理打表
查看>>
题解报告:hdu 1028 Ignatius and the Princess III(母函数or计数DP)
查看>>
【转】vue项目重构技术要点和总结
查看>>
sys.fn_dblog
查看>>
遭遇“HTTP 错误 500.19 无法访问请求的页面,因为该页的相关配置数据无效。”...
查看>>
项目调研的误区和关键点
查看>>
第四十二节,configparser特定格式的ini配置文件模块
查看>>
第四十七节,random 随机数模块
查看>>
SPOJ DQUERY D-query(主席树 区间不同数个数)
查看>>
八 Civil3d常用显示样式的编辑与创建 ----点标签样式2
查看>>
九校联考-DL24凉心模拟Day2T1 锻造(forging)
查看>>
生产阶段Webpack打包【基础打包】
查看>>
Cortex M3/M4 学习摘要(二)
查看>>
C#时间的味道——任时光匆匆我只在乎你
查看>>
腾讯微信技术总监周颢:一亿用户增长背后的架构秘密
查看>>