Echarts legend互斥点击事件

观察下图,地址:地图-按照分类显示省+散点 - category-work,geo地理坐标,legend,series-map地图,series-scatter散点图,tooltip提示框,visualMap视觉映射 - makeapie echarts社区图表可视化案例

点击下面的legend,即推广省、试点省、未发展省时,只显示点击的类型省份,如何实现呢?

实现很简单,如下:

myChart.on("legendselectchanged", function(param) {
            console.log(param);
            let op=this.getOption();
            for(key in op.legend[0].data){
                //先将所有的设置为false,即隐藏所有的
                op.legend[0].selected[op.legend[0].data[key]]=false;
            }
            //显示点击的类型
            op.legend[0].selected[param.name]=true;
            //重新绘制一下Echarts图,此步为必须,否则以上设置将不生效
            myChart.setOption(op);
          });

相关推荐

  1. Qt QTableView模拟表格事件

    2023-12-15 21:48:04       41 阅读
  2. Android --- 布局与事件

    2023-12-15 21:48:04       33 阅读
  3. 阻止div的事件冒泡

    2023-12-15 21:48:04       28 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-15 21:48:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-15 21:48:04       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-15 21:48:04       82 阅读
  4. Python语言-面向对象

    2023-12-15 21:48:04       91 阅读

热门阅读

  1. Vue3项目filter.js组件封装

    2023-12-15 21:48:04       64 阅读
  2. 矩阵求逆(C语言)

    2023-12-15 21:48:04       51 阅读
  3. C语言:判断大端小端

    2023-12-15 21:48:04       59 阅读
  4. 微信小程序生成二维码海报并分享

    2023-12-15 21:48:04       60 阅读
  5. Unity3D 如何读取策划给定的Excel表格详解

    2023-12-15 21:48:04       67 阅读
  6. Next.js:前端开发的新篇章

    2023-12-15 21:48:04       52 阅读
  7. Linux vmstat命令:监控系统资源

    2023-12-15 21:48:04       56 阅读
  8. bug 记录

    2023-12-15 21:48:04       54 阅读
  9. C# Channel实现线程间通信

    2023-12-15 21:48:04       52 阅读
  10. MFC 调用.NET类库Com Dll,Activex Dll

    2023-12-15 21:48:04       58 阅读