echart配置学习

一，初始化容器

1，data和legend对应，

let option={
	background:'xxx' //背景颜色，整个容器的背景颜色
	color:[] //全局调色盘，默认颜色从这获取
	title:{ //标题
		text:'xxx' // 标题内容
		top:0,  //标题距离容器顶部距离
		left:0, //标题距离容器左边距离 
		textStyle:{ //文字样式
			color:'xxx',标题颜色
			fontSize:11 ，字体大小
			align:center, //对齐方式
			}
		}
	grid:{ //表格
		show:true||false //是否展示网格边界,
		backgroundColor: //网格的背景颜色,
		borderColor: //网格边界颜色
		borderWidth: //网格边界粗细
		top: 
		left:
		bottom:
		right:  //以上控制表格的大小，可以是不百分比，相对容器，也可以是具体的像素值
		}
	xAxis:{ //单坐标轴
		type：category||value ,类目轴或者是数值轴，
		show：是否展示x轴
		name: 坐标轴名称，
		data:[] 坐标轴各类名称,
		axisLine:{
			show://是否显示刻度尺
		},
		axisLabel:{ //x周文字相关配置
			show:是否展示文字
			color:文字颜色，
			formatter:`` 格式化文字
		},
		splitLine:{
			show: 是否展示x轴分割线
		}
		
		}
	xAxis:[ {},{} ] //多坐标轴使用对象为元素的数组
	yAxis:{
		
	},
	series:[{
		itemStyle:{ //每一项的样式，作用于整体的data数据
			
		}
	}]
}