点击legend 功能显示,此栏会自动消失echarts 配置项内容和展示

点击legend 功能显示,此栏会自动消失

配置项如下
                  var createSaleChart = function(stitle, type){
                if(main_chart){
                    main_chart.dispose();
                }
                $('#myTabContent').find('span.text').text(stitle);
                
                var dtNow = new Date();
                var dateTimes =[];
                var dateTimesdata = [];
                
                for(var i=0; i <= 11; i++){
                    dateTimes.push((i + 1) + '月');
                    dateTimesdata.push(function(){
                        return Math.floor(1000 * i * Math.random() * 10);
                    }());
                }
    
    
                var rqtDataSet = [];
                var legendData = [];
                $.each(['微信小程序','头条小程序','支付宝小程序','H5站', 'WEB站'], function(i, item){
                    legendData.push(item);
                    var obj = {
                        name:item,
                        type:type || 'line',
                        data:dateTimesdata
                    }
                    rqtDataSet.push(obj);
                })

                var chartOpt = {
                    // title:{
                    //     text:stitle
                    // },
                    legend:{
                        data:rqtDataSet
                    },
                    grid: {show:'true',borderWidth:'0',height:"60%",width:"80%",y:"20%",x:"12%"},
		            calculable : true,
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'shadow'
                        }
                    },
                    yAxis:{
                        type:'value'
                    },
                    xAxis:{
                        data:dateTimes
                    },
                    series:rqtDataSet
                }

                main_chart = echarts.init(document.getElementById('main_chart'));
                main_chart.setOption(chartOpt);
            }
    
            var eventInit = function(){
                $('#myTabContent .dropdown-menu').delegate('li', 'click', function(event){
                    if($(this).hasClass('active')){
                        return;
                    }else{
                        $(this).addClass('active').siblings('li').removeClass('active');
                        if($(this).data('id') == 1){
                            createSaleChart('走势曲线图', 'line');
                        }else{
                            createSaleChart('柱状对比图', 'bar');
                        }
                    }
                });

                $('#main_chart').on('resize', function(event){
                    main_chart.resize();
                });
            }
    
截图如下