echarts 相关问题

最新老是做统计表格或者统计图表，主要用的的是echarts，我发现几个问题想和朋友交流一下。

第一、js 加载顺序问题如果 引入js 方法写在前面，页面function 方法写在初始化后面容易到之后，function方法不好用。

第二、echarts 折线图和饼状图的区别如下:

（1）折线图生成之后会在对应div上面加上属性或者是css样式，但是饼状图不会添加。所以写清空事件时候，饼状图清空查询tiao条件可以恢复原来的图表形状，折线图则需要去掉属性和样式才能恢复。

（2）折线图可以做多条线，饼状图不能。

var option = {
        tooltip : {
            trigger: 'axis'
        },
        legend: {
            data:legendData
        },
        toolbox: {
            show : true,
            right :20, 
            feature : {
                mark : {show: true},
                dataView : {show: true,
                    title:"学校内容",
                    readOnly: false,
                    lang:["学校内容","关闭","导出"],
                    buttonColor:"#33497C",
                    optionToContent: function(opt) {
                        var axisData = opt.xAxis[0].data;
                        var series = opt.series;
                        var table = '

'
                                     + '';
                         $.each(series,function(i,v){
                             table += '';
                         });
                         table += '';
                        for (var i = 0, l = axisData.length; i < l; i++) {
                            table += ''
                                  + '';
                            
                             $.each(series,function(n,v){
                                 if(v.data[i] != undefined){
                                     table += '';
                                 } else {
                                     table += '';
                                 }
                                
                             });
                             table += '';
                        }
                        table += '

班级名称	' + v.name + '
' + axisData[i] + '	' + v.data[i] + '	0

';
                        return table;
                    },
                    contentToOption:function(h,opt){
                        linerExport();
                        
                    }},
                magicType : {show: true, type: ['line', 'bar']},
                restore : {show: true},
                saveAsImage : {show: true}
            }
        },
        grid: {
            left: '5%',
            right: '5%',
            bottom: '15%',
            containLabel: true
        },
        xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                data : xData
            }
        ],
        yAxis : [
            {
                type : 'value',
                name:"人数"
            }
        ],
        series : series
    };
    chartLine = echarts.init(document.getElementById('lineChart'));
    chartLine.setOption(option);

这个是折线图代码

如果朋友看我的文章有什么关于echarts 的问题可以和我交流