Echart图表legend 点击控制 两个柱显示隐藏绑定

441 阅读1分钟

需求 图表有四个图例 可点击 点击其中一个 希望 另外一个的状态跟随改变 让起两两绑定

##在图例的点击函数里面 修改状态 再刷新图表

myChart.on("legendselectchanged", function (params: any) {
    //获取当前的选项
    let option = myChart.getOption();
    //获取当前点击的图例状态
    let isShow = params.selected[params.name];


    // 判断是否点击的是集采

    if (params.name == "集采数" || params.name == "集采额") {

      option.legend[0].selected[option.legend[0].data[0]] = isShow;

      option.legend[0].selected[option.legend[0].data[2]] = isShow;

    } else if (params.name == "自采数" || params.name == "自采额") {

      option.legend[0].selected[option.legend[0].data[1]] = isShow;

      option.legend[0].selected[option.legend[0].data[3]] = isShow;

    }
    //修改参数 更新图表
    myChart.setOption(option);

  });