ECharts 經常會修改到的一些樣式配置

1.坐標軸：

axisLine：{      　　　　　　　　//坐標軸軸線相關設置。
　　show:true,　　　　　　　　//是否顯示坐標軸軸線。
　　lineStyle:{
　　　　width:10   　　　　　　　　//坐標軸線線寬。　
　　　　color:#333　　　　　　　　//顏色。
　　　　color:{
　　　　　　colorStops:[{
　　　　　　　　offset:0,color:'red',     //漸變的顏色
　　　　　　　　offset:1,color:'bule'
　　　　　　}]，
　　　　shadowColor:'red' 　　　　//陰影的顏色
　　　　shadowBlur:10　　　　　//陰影的寬度
　　　　}
　　}　　　　　　　
}
 
axisLabel：{　　　　　　　　　　//坐標軸刻度標簽的相關設置(坐標字體)
　　　　show:true　　　　　　　//是否顯示
　　　　rotate:45　　　　　　　//旋轉的角度從 -90 度到 90 度。
　　　　margin:25　　　　　　 //刻度標簽與軸線之間的距離。
　　　　color:#ffff　　　　　　 //字體顏色.
　　　　fontStyle:normal  italic  oblique //文字的風格。
　　　　fontWeight：20　　　//文字的粗細。
　　　　fontSize：18　　　　//文字的大小。
　　　　shadowColor：18　　//文字塊的背景陰影長度。
}

 

2.標題：

"title": {
　　"text": '全國機電產品出口總值',　　　　//標題
　　 subtext: '機電產品',　　　　　　　　　//副標題
　　"top": '85%',
　　"left": '28%',
　　"textStyle": {　　　　　　　　　　　　//標題的文字樣式
　　　　"fontSize": 16,
　　　　"color": "#444",
　　　　"text-align": "center",
　　　　"margin-top":"20px"
　　}
},

 

 

 

3.數據類型顯示（圖例）：

legend：{
　　x: 'right',
　　icon:'pin',                 //形狀 （'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'）
　　data: ['6月份','7月份'],
　　fontSize:18 
　　left：20%　　　　//位置設置可以（center ,  right）
　　padding 　　　　 //它們之間的距離
}