未取得《食品生产许可证》从事食品添加剂生产活动echarts 折线配置项内容和展示

      var data1=[133, 333, 222, 541, 341,133, 333, 222,312,321,352,321];
var data2=[120, 132, 101, 134, 90,120, 132, 101, 134, 90,312,221];
var data3=[220, 112, 141, 234, 190,160, 162, 401, 334, 190,112,261];
options = [
    {
    backgroundColor:'#ffffff',
    tooltip : {
        trigger: 'axis'
    },
     grid: {
        top:120,
        left:'10%',
       right:'40%',
        bottom:'65%'
    },
    legend: {
         align: 'left',
         orient : 'vertical',
        left: '7%',
        top:30,
        data:['未取得《食品生产许可证》从事食品添加剂生产活动',
        '未取得《食品经营许可证》从事食品经营活动', 
        '未取得《食品生产许可证》从事食品生产活动）']
    },
    toolbox: {
        show : true,
        feature : {
           // mark : {show: true},
           dataView : {show: true, readOnly: false},
           magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
           // restore : {show: true},
           // saveAsImage : {show: true}
        }
    },
    calculable : true,
    xAxis : [
        {
        
            type : 'category',
            boundaryGap : false,
            "axisLabel": {
            interval: {default: 0},
            rotate:50,
            formatter : function(params){
               var newParamsName = "";// 最终拼接成的字符串
                var paramsNameNumber = params.length;// 实际标签的个数
                var provideNumber = 4;// 每行能显示的字的个数
                var rowNumber = Math.ceil(paramsNameNumber / provideNumber);// 换行的话，需要显示几行，向上取整
                /**
                 * 判断标签的个数是否大于规定的个数， 如果大于，则进行换行处理 如果不大于，即等于或小于，就返回原标签
                 */
                // 条件等同于rowNumber>1
                if (paramsNameNumber > provideNumber) {
                    /** 循环每一行,p表示行 */
                    var tempStr = "";
                    tempStr=params.substring(0,4);
                    newParamsName = tempStr+"...";// 最终拼成的字符串
                } else {
                    // 将旧标签的值赋给新标签
                    newParamsName = params;
                }
                //将最终的字符串返回
                return newParamsName
            }

        },
            data : ['一月', '二月', '三月', '四月', '五月', 
         '六月', '七月', '八月'
        ,'九月','十月','十一月','十二月'] }
    ],
    yAxis : [
        {   
            name:'立案数',
            type : 'value'
        }
    ],
    series : [
        {
            name:'未取得《食品生产许可证》从事食品添加剂生产活动',
            type:'line',
            itemStyle : {
                normal : {
                    color:'#ed400b',
                    lineStyle:{
                        width:3,//折线宽度
                    },
                    
                },
                
            },
            data:data1
       },
        {
            name:'未取得《食品经营许可证》从事食品经营活动',
            type:'line',
            
            itemStyle : {
                normal : {
                    lineStyle:{
                        color:'#55a4ee',
                        width:3,//折线宽度
                    },
                    
                },
                
            },
            data:data2
        },
        {
            name:'未取得《食品生产许可证》从事食品生产活动）',
            type:'line',
            itemStyle : {
                normal : {
                     color:'#e59be1',
                    lineStyle:{
                        width:3,//折线宽度
                    },
                    
                },
                
            },
            data:data3
        },
        
    ]
}, 
    
    ];
    
    
    
    
    
myChart.on('click', function(params) {
    alert(1);
/*if (params.componentType === 'series' && params.seriesType === 'line') {
    alert(params);
    }*/
    
});