echarts2基本配置参考

项目中初次使用echarts2，感觉好多配置项不知道是啥，在文档里也不知从何找起，在此总结一下(仅做向导用，不会太详细，大家可根据属性到官方文档查找)，以便今后查看，同时希望帮到echarts新手，大神勿喷，后期会根据个人需求不断完善

官方文档链接：http://echarts.baidu.com/echarts2/doc

toolbox

借用下官方图

 toolbox: {
            show : true,
            x: 'right',  //显示位置，有左中右
            color: ['#1e90ff','#22bb22','#f0f','#d2691e'], //循环颜色,可自定义
            feature : {
                mark : {show: false},
                dataView : {show: false, readOnly: false},
                magicType : {show: true, type: ['stack', 'tiled']},
                restore : {show: true},
                saveAsImage : {show: false}
            }
        },

 自定义折线及图例颜色

 series : [
            {
                name:'流量',
                type:'bar',
                // barWidth : 25,
                data:[120, 132, 101, 134, 90, 230, 210,132, 101, 134],
                itemStyle:{
                  normal:{color:'#0ff'}  //自定义颜色（折线和图例）
                }
            },
            {
                name:'短信',
                type:'bar',
                barWidth : 25,
                data:[620, 732, 701, 734, 1090, 1130, 1120,132, 101, 134],
                itemStyle:{
                  normal:{color:'#F748C4'} //自定义颜色（折线和图例）
                }
            }
        ]   

 加过渡动画

官方默认 可选为：'spin' | 'bar' | 'ring' | 'whirling' | 'dynamicLine' | 'bubble'，支持外部装载

// 图表
    var myChart = echarts.init(document.getElementById('main')); 
    // 过渡
    var loadingTicket;
    myChart.showLoading({
        text : 'dynamicLine Loading ...',
        effect : 'dynamicLine', //'spin' | 'bar' | 'ring' | 'whirling' | 'dynamicLine' | 'bubble'
        textStyle : {
            fontSize : 20
        }
    });
    var option = {};       
    clearTimeout(loadingTicket);
    loadingTicket = setTimeout(function (){
        myChart.hideLoading();
        myChart.setOption(option);
    },1600); 
    // --------------------图表响应式
    $(window).resize(function(){
        myChart.resize();    
    });           

 x轴坐标显示间隔

xAxis: [
     {
       type: 'category',
       name:'测试时间Time',
       boundaryGap: false, //x轴两端是否留空，默认留空（true）
       axisLabel:{
          interval:1      //0：表示全部显示不间隔；auto:表示自动根据刻度个数和宽度自动设置间隔个数
       }
     }
 ]