此功能重要知识点就是dispatchAction,可参考文档Documentation - Apache ECharts

以下是代码接如下

https://echarts.apache.org/zh/api.html#action.legend.legendSelect
    tChart.on('legendselectchanged', function (params) {var selectedCount = 0var selected = params.selected;//图例数组var setiesName = params.name;//图例名称for (setiesName in selected) {if (selected[setiesName]) {//true就++++selectedCount}};if (selectedCount > 4) {params.selected[params.name] = false;// 取消选中图例tChart.dispatchAction({type: 'legendUnSelect',// 图例名称name: params.name})//提示错误//layer.msg('只能选择4个', {icon: 5,shift:6, time: 3500,},);};})

echarts取消选中图例,echarts图例判断点击超过4个,提示并取消选中相关推荐

  1. jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等

    jQuery操作复选框checkbox技巧总结 --- 设置选中.取消选中.获取被选中的值.判断是否选中等 一.checked属性定义 先了解下input标签的checked属性: 1.HTML &l ...

  2. vue Echarts 填坑记(Echarts数据量大,导致浏览器卡顿)

    最近使用vue + Echarts 实现vue项目的数据可视化功能的时候,发现随着组件的增多,组件里Echarts绘图的增多,页面操作越来越卡顿,点击数据比较大的组件时,Echarts绘图渲染页面的速 ...

  3. echarts中formatter修改鼠标悬浮事件信息操作、echarts地图块、散点区分触发点击事件 只触发散点问题详解

    这里写目录标题 1.实例 2.案例详解 1.实例 这次我拿echarts中 地图组合散点图的实例 !!!实现效果:滑到散点显示不同于地图块的信息 及 formatter 提示窗自定义!!! 这个显示项 ...

  4. vue3+ts 之echarts的使用 以及 echarts 图表初始不渲染,代码改变之后才渲染

    vue3+ts 之echarts的使用 以及 echarts 图表初始不渲染,代码改变之后才渲染 前言 一.按需引入 ECharts 图表和组件 二.使用步骤 1.还是先上代码叭 2. 上实现效果 ! ...

  5. vue 里怎么使用 echarts 实现地图自动轮播功能、自定义 tooltip 悬浮位置提示、自定义 label 标签位置样式?

    要实现的功能 比如:我们要实现白云地图24镇街的常住人口统计展示,然后需要我们实现 1s 自动轮播一次地区,自定义标签样式,自定义悬浮样式. 准备工作 1.安装依赖 npm i echarts -s ...

  6. 判断一组多选框至少有一个被选中_想不想拥有自己的篆刻印章?那就PS一个吧...

    篆刻本身是书法和国画中必用的元素之一,但是在摄影后期中如果你想将作品做成仿国画效果那就离不开篆刻.不是每个人都有自己的篆刻,如果你不涉及到国画或者书法,我猜你是没有篆刻的. 那今天亮亮老师就带你学习一 ...

  7. java中点击按钮出现echarts图表_echarts 显示下载按钮,echarts 自定义按钮,echarts 添加按钮...

    echarts 显示下载按钮,echarts 自定义按钮,echarts 添加按钮 >>>>>>>>>>>>>>&g ...

  8. html 网页地图集制作ECHARTS,在页面使用echarts的地图(解决地图不完整)

    测试环境:IDEA+Tomcat7 谷歌浏览器 创建好web工程,编写jsp页面,在自己编写的JSP页面上导包 现在echarts停止了在其网站上下载地图脚本,直接通过src引用网站上的china.j ...

  9. ECharts 安装和实现-echarts.min.js

    ECharts 是一个使用 JavaScript 实现的开源可视化库,涵盖各行业图表,满足各种需求. ECharts 遵循 Apache-2.0 开源协议,免费商用. ECharts 兼容当前绝大部分 ...

最新文章

  1. flink 三种时间机制_360深度实践:Flink 与 Storm 协议级对比
  2. 【C/C++16】_public.h,_public.cpp,_cmpublic.h
  3. 如何升级浏览器_手把手教你申请IOS14 Beta升级方法
  4. leaf 叶子(张量)
  5. linux3.3内核去哪下载,Linux Kernel下载|Linux Kernel v3.18.3 稳定版 - 121下载站
  6. 海量数据处理简要说明(一)
  7. 码农如何写好一封邮件/1
  8. springmvc配置拦截器
  9. kafka开启kerberos,报错server not found in kerberos database
  10. 小米wifi驱动 linux驱动,Centos7-驱动小米WIFI做AP
  11. 服务器版dll修复工具,DLL修复工具哪个好?五款修复能力强推荐
  12. 解决谷歌浏览器添加插件时显示程序包无效:“CRX_HEADER_INVALID“
  13. 如何下载旧版本android NDK
  14. Android简历 模板
  15. 新手怎么购买阿里云服务器【图文教程】
  16. freeswitch mrcp 源码分析--数据包的发送
  17. aws的sdk异常 unable to execute HTTP ec2-north-1.amazonaws
  18. IDEA中运行SparkSql报javax.jdo.JDOFatalInternalException: Error creating transactional connection factory
  19. qq安装路径无效Linux,QQ提示安装路径无效您没有权限的两种解决办法
  20. 基于C#的快递物流管理系统#毕业设计

热门文章

  1. python企业微信回调_Python微信企业号开发之回调模式接收微信端客户端发送消息及被动返回消息示例...
  2. mysql 主备和双主模式_MySQL双主模式
  3. 手把手教你引入iconfont字体图标(方法二)
  4. 【计算机视觉40例】案例06:缺陷检测
  5. java编程学习必备好书-蛙课网
  6. “九韶杯”河科院 D.数列重组(含重复元素的全排列+构造方法)
  7. c语言1.0.2父母的身高预测未来子女的身高
  8. 数据分析--辛普森悖论
  9. 基于Java毕业设计影片租赁系统源码+系统+mysql+lw文档+部署软件
  10. 一個玩弄企業高管帶給我可笑經歷的公司—“北京锡恩企业管理顾问公司”