Echart重写图例点击事件

最新推荐文章于 2024-07-30 00:26:52 发布

莫然静

最新推荐文章于 2024-07-30 00:26:52 发布

阅读量2.9k

点赞数

分类专栏： Echarts 文章标签： Eharts Legend重写 Echarts图例单击 Echarts 图例点击事件

本文链接：https://blog.csdn.net/Jean_Zcode/article/details/88265383

版权

本文介绍了如何重写Echarts的图例点击事件，实现第一次点击时仅显示所选图例，且在所有图例都被取消选中后自动全选的效果。通过示例代码详细展示了这一过程。

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

echarts version: 3

修改图例点击事件样例代码：
当第一次点击图例时，只显示点击的图例。
当还剩一个图例被取消选中后，自动全选中所有图例。

var lastselect="";//记录最近一次单击值
var oldvalue="";//记录上一次单击值
var cs=1;//记录选中单个值，还是所有，默认1
var triggerAction = function(action, selected) {
        legend = [];
        for ( name in selected) {
            if ((((selected[name] == true&&name==oldvalue) ||oldvalue=="")&&action=="legendToggleSelect")
            ||(action=="legendSelect")){
                legend.push({name: name});
            }
        }
         oldvalue=lastselect;

        myChart.dispatchAction({
            type: action,
            batch: legend
        });
    };
//当有其它选中图例时
    var isFirstUnSelect = function(selected) {
        var count=0;
        var unSelectedCount = 0;
        for ( name in selected) {
            c