Echarts 报表 使用一个图例legend实现全选和全部取消的功能

  //圆柱图
        function getEchart3(id) {
            var date = $("#Date").val();
            var option3 = {
                tooltip: {
                    trigger: 'axis',
                    axisPointer: { // 坐标轴指示器，坐标轴触发有效
                        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
                    },
                    //formatter: function (params) {
                    //    var fg = 0;
                    //    var htmlStr = "<div>";
                    //    for (var i = 0; i < params.length; i++) {
                    //        htmlStr += "<span style='margin - right:5px; display:inline-block; width:10px; height:10px; border-radius:5px; background-color:" + params[i].color + ";'></span>";
                    //        htmlStr += params[i].seriesName + ":" + fmoney(strToInt(params[i].value), 0) + "<br>";
                    //        fg += parseFloat(params[i].value);
                    //    }

                    //    htmlStr += 'Total：' + fmoney(strToInt(fg.toString()), 0) + '<br/>';//x轴的名称
                    //    '</div>';

                    //    return htmlStr;
                    //}
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '25%',
                    top: '15%',
                    containLabel: true
                },
                legend: {
                    "pageIconColor": "#fff",
                    type: "scroll",
                    icon: 'pin',
                    left: 20,
                    bottom: 5,
                    data: [],
                    textStyle: {
                        color: '#fff',
                        fontSize: 12
                    }
                },
                xAxis: [{
                    type: 'category',
                    "data": ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23'],
                    axisLabel: {
                        textStyle: {
                            color: '#9B9B9B',
                            fontSize: 12
                        }
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#9B9B9B'
                        }
                    },
                    splitLine: {
                        show: false
                    }
                }],
                yAxis: [{
                    type: 'value',
                    axisLabel: {
                        textStyle: {
                            color: '#9B9B9B',
                            fontSize: 12
                        }
                    },
                    axisLine: {
                        lineStyle: {
                            color: '#9B9B9B'