使用echarts一些總結

1.多圖例(legend)時默認都是選中的，若是要只選中一個，須要設置legend的selected屬性

var option={

    legend: {
             data:['name1','name2'],
             selected:{

                 'name1':true，

                  'name2':false

             }
     },

}

也能夠經過代碼給option的legend添加selectes屬性：

option.legend.selected={'name1':true,'name2':false};

2.legend的樣式：

    多個legend的時候默認是橫着排列在中間的

    legend:{

        orient:'vertical',//讓legend豎着排列
        x:'right',//在水平方向legend靠右
        y:'top',//在豎直方向legend在上面
        itemWidth:5,//設置legend的寬度
        itemHeight:5,//高度
        itemGap:5//各個lengend之間的距離

    }

3.數據太多時，有時候在x軸或y軸上顯示不全，方法:

xAxis={
            data: sname,
            axisLabel:{  
                interval:0,//橫軸信息所有顯示  
                rotate:-45,//-30度角傾斜顯示  
  }

4.echarts的柱狀圖的寬度跟數據的多少有關係，要固定圓柱的寬度，須要設置barWidth

series:[

          {

               name: 'name1',

               type:'bar',

               barWidth:25,

               data:[1,2,3,5]

          };

5.想讓一個lengend控制多條曲線，只要讓name跟lengend名字相同就好了:

legend: {
    data:['name1','name2']
}
series: [
    {name: 'name1', data:[]}, 
    {name: 'name1', data:[]}, 
    {name: 'name2', data:[]}, 
    {name: 'name2', data:[]} 
]

6.生成的圖片距容器邊框的距離:

grid={             top : 30,    //距離容器上邊界40像素             bottom: 25,  //距離容器下邊界30像素             right: 10   //距離容器下邊界30像素  }