echart配置学习

一,初始化容器

1,data和legend对应,
echart配置学习

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数据
			
		}
	}]
}
上一篇:云计算!STP生成树!


下一篇:Echart自定义代码详情