Echarts經常使用圖組件

1.標題負責顯示整個圖表的標題

1. Text:標題文字
2. SubText:子標題
3. Left,top,right,bottom標題位置
4. borderColor:邊框顏色

title:{
	show:true,
	text:'Echarts 入門示例', //標題
	subtext:'學習ECharts',  //子標題
	left:'center',
	borderColor:'red',   //邊框顏色
	borderWidth:1  //邊框的寬度
    },

1. 更多屬性設置

工具欄組件

1. 是否顯示：show
2. 具體顯示的功能：feature
3. 保存圖片：saveAsImage
4. 還原：restore
5. dataView:數據視圖
6. dataZoom:縮放視圖
7. magicType:動態類型切換

toolbox:{
					show:true,
					
					feature:{
                        //若是咱們須要改數據視圖裏面的樣式可能就須要改optionToContent方法
						dataView:{
							show:true
						},
						restore:{
							show:true
						},
						dataZoom:{
							show:true
						},
						//顯示保存爲圖片
						saveAsImage:{
							show:true
						},
						magicType:{
							type:['bar','line	']
						}
					}
				},

3.tooltip組件（彈窗組件）

1. 是否顯示：show
2. 觸發類型
   1. item:數據項圖形觸發，主要在散點圖，餅圖等無類目軸的圖表中使用
   2. axis:座標軸觸發，主要在柱狀圖，折線圖等會使用類目軸的圖標中使用

tooltip:{
            show:true,
	   trigger:'axis'
            },

4.標記線和標記點

1. 標記線：markline
   1. 標記線的添加
   2. 最大值，平均值，最小值的標記線
2. 標記點：markpoint

series:[{
					name:"銷量",
					type:'bar',
					data:[5,20,44,10,10,20],
					markPoint:{
						data:[
							{type:'max',name:'最大值'},
							{type:'min',name:'最小值'}
						]
					},
					markLine:{
						data:[
							{type:'average',name:'平均線'}
						]
					}
				}],
			};