echarts取消选中图例,echarts图例判断点击超过4个，提示并取消选中

api13

已于 2022-07-12 17:37:03 修改

阅读量2.1k

点赞数

文章标签： echarts 前端 javascript

于 2022-07-12 17:29:40 首次发布

本文链接：https://blog.csdn.net/weixin_58688577/article/details/125747866

版权

本文介绍了如何使用Echarts在用户选择图例时进行限制，当选择的图例数量超过4个时，自动取消选中，并给出相应的提示。通过JavaScript实现动态监控和管理图例的选中状态。

摘要由CSDN通过智能技术生成

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

以下是代码接如下

https://echarts.apache.org/zh/api.html#action.legend.legendSelect

    tChart.on('legendselectchanged', function (params) {

      var selectedCount = 0
      var selected = params.selected;//图例数组
      var setiesName = params.name;//图例名称
      for (setiesName in selected) {
        if (selected[setiesName]) {//true就++
          ++selectedCount
        }
      };
      if (selectedCount > 4) {
        params.selected[params.name] = fals