Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >echarts的tooltip 使用formatter后,图例小圆点不见了!

echarts的tooltip 使用formatter后,图例小圆点不见了!

作者头像
用户4344670
发布于 2020-05-26 09:11:44
发布于 2020-05-26 09:11:44
5K00
代码可运行
举报
文章被收录于专栏:vue的实战vue的实战
运行总次数:0
代码可运行

image.png

根据数据动态显示 tooltip

  • 当没有优秀率和及格率的时候悬浮的时候不显示 tooltip图例
  • marker 就是图例小圆点
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
     tooltip: {
          trigger: "axis",
          formatter: function(params) {
       /// alert(JSON.stringify(params)); 显示数据格式
            var res = "<div><p>"  + params[0].name + "</p></div>";
            for (var i = 0; i < params.length; i++) {
              if (params[i].data != undefined) {
                res +=
                  "<p>" + params[i].marker  + params[i].seriesName + ":" + params[i].data + "</p>";
              }
            }
            return res;
          }
        },

image.png

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Echarts自定义tooltip显示内容(隐藏小圆点)
修改左侧的tooltip的内容,添加formatter函数,循环将各个值拼接成一个字符串返回
王小婷
2019/05/15
9.5K0
Echarts自定义tooltip显示内容(隐藏小圆点)
Echarts中常用的参数总结以及参数自定义示例
本文主要讲解使用Echarts时setOption里面的属性以及常见的问题,参数都是本人项目里的具体参数。设置内容都是在 setOption({ })中。
星辰大海c
2023/11/15
1.1K0
从零开始:使用 Vue-ECharts 实现数据可视化图表功能
你好,我是喵喵侠。在前端开发中,经常会接到图表相关的页面需求,你需要在页面上绘制不同类型的图表,来丰富页面数据的呈现效果。通过图表你可以很直观的看到数据的大体情况,可以很方便的将数据进行多维度的对比。接下来我会为你介绍Vue-ECharts,看完本文后你能够快速上手开发。
喵喵侠
2024/06/26
9.2K3
从零开始:使用 Vue-ECharts 实现数据可视化图表功能
使用echarts时提示框的数据加单位
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/106875.html原文链接:https://javaforall.cn
全栈程序员站长
2022/08/04
1.2K0
【数据可视化】Echarts官方文档及常用组件
前面介绍了柱状图、折线图、饼图3种最为常见图表的绘制和使用:【数据可视化】Echarts最常用图表,但是没有介绍在遇到问题时如何寻求帮助,也没有详细介绍图表中组件的使用。这次来介绍ECharts中官方文档、常用组件的使用方法,可以更加快捷地创建清晰明了、实用的图表。 以下代码均在VScode中使用。
zxctscl
2024/03/21
3.3K0
【数据可视化】Echarts官方文档及常用组件
为了监听更多的鼠标事件,我们来「仿制」一个图例吧
最近看到了一个需求,想要监听图例元素的鼠标事件(不限于点击),所以光靠监听「legendselectchanged」就不够用了。
ZXand618
2022/04/10
5640
为了监听更多的鼠标事件,我们来「仿制」一个图例吧
百度ECharts的使用
网址:http://echarts.baidu.com/download.html 下载文件:echarts.min.js 网址:http://echarts.baidu.com/download-map.html 下载文件:china.js
一觉睡到小时候
2019/07/03
2.3K0
百度ECharts的使用
读者提问,如何让 tooltip 提示框内显示饼图
前些天有读者问,ECharts 的提示框(tooltip)内,能不能添加一个饼图?
ZXand618
2022/04/10
1.9K0
读者提问,如何让 tooltip 提示框内显示饼图
Echarts饼状图修改图例legend文字颜色和字体大小
在默认的饼状图里面,图例legend颜色是黑色的,有时候根据ui需要,根据不同的背景色,需要将图例文字调成白色或者其他颜色,那么,修改这些的还是一句话,修改某个属性即可。
王小婷
2019/08/20
18.7K0
大数据工程师必备之数据可视化技术
也有其他类的软件做可视化:一则使用,一则是开发。使用有成品的软件可以使用,一些SPSS软件、Tableau。开发使用的是echarts、Hights、D3等一些可视化的工具和库。
张哥编程
2024/12/13
7350
大数据工程师必备之数据可视化技术
Echarts折线图表断点如何补全
Echarts折线图如何补全断点以及如何隐藏断点的title   做报表的时候,尤其是做图表的时候时常会碰到某一记录的值中缺少某个时间段(比如月份或季度)的值,导致图表显示残缺不全,for examp
上帝
2018/05/18
1.8K0
环形饼图ECharts实现Demo
由于接下来的项目可能会大量用到图表显示与交互,所以抽空仔细看了下echarts文档。顺手根据可能有的项目需求写了个饼图demo。本例只写出demo所用配置的注意点,以后再有其他需求时会继续更新。
前端_AWhile
2019/08/29
2.8K0
百度知道回答,自定义 tooltip 计算&显示环比增长
思路比较简单,所以使用 tooltip.formatter 设置提示框内容格式。因为 tooltip.formatter 支持回调函数,所以可以同时完成环比增长率的计算和显示。
ZXand618
2022/04/10
2350
百度知道回答,自定义 tooltip 计算&显示环比增长
echarts展示箱型图&正态分布曲线
效果图: 直接上代码吧: <!DOCTYPE HTML> <html> <head> <style type="text/css"> #main {
用户1141560
2019/05/24
3.5K0
echarts - 特殊需求实现代码汇总之【线图】篇
继7月24的echarts-柱图配置汇总后,echarts特殊配置连载第四篇 之 线图终于也被我这个懒家伙放出来了!
xing.org1^
2018/08/21
1K0
echarts - 特殊需求实现代码汇总之【线图】篇
eCharts图表演示
比如说,公司现在接一个项目,这个中信银行,针对之前所有的贷款、大 小客户,要做出来图表系统(演示和查看)、报表系统(用来打印)。
张哥编程
2024/12/13
1810
自定义图例事件
主要思路 增加无数据的 series[i] ,产生额外的图例图标 监听「legendselectchanged」事件,更新图表数据源,实现所需图形的显示 / 隐藏 具体实现 准备原始数据、准备过滤原始数据的函数 arrFilter(): datasetSource = [ ['product', '2015', '2016', '2017', '2018'], ['Matcha Latte', 43.3, 85.8, 93.7, 54.2], ['Milk Tea', 83
ZXand618
2022/04/10
5180
自定义图例事件
ajax导致Echarts不显示饼图数据、柱状图数据只显示气泡的问题。
  ajax的同步。这个同步的意思是当JS代码加载到当前ajax的时候会把页面里所有的代码停止加载,页面出去假死状态,当这个ajax执行完毕后才会继续运行其他代码页面假死状态解除。而异步则这个ajax代码运行中的时候其他代码一样可以运行。   jQuery的async:false,这个属性。默认是true:异步;false:同步。   默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。   注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。
别先生
2019/06/03
1.7K0
基于Echarts实现可视化数据大屏大数据可视化的方法和流程
随着大数据时代的到来,数据可视化成为一种重要的工具。它将庞大复杂的数据转化成直观、易懂的图形,便于用户快速理解和分析数据。而Echarts是一种优秀的数据可视化工具,能够帮助我们实现各种各样的数据可视化。
网络技术联盟站
2023/06/04
3.1K0
使用echarts绘制地图
最近我参与了几个数据大屏可视化项目,项目中要求在大屏上以地图的形式直观的展示某一地区的某个业务数据,在绘制地图时踩的坑还是挺多的,特此用一篇博客记录一下绘制地图的过程,下面会以展示江西省下面各城市手机品牌数为例介绍地图的绘制方法。
用户3880999
2023/04/13
1.3K0
使用echarts绘制地图
相关推荐
Echarts自定义tooltip显示内容(隐藏小圆点)
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档