echarts相关配置（会不断更新）

最近再用echarts做可视化大屏，引进来以后有些配置项需要改，在官方文档里找的很烦，眼睛都花了，于是我想这把用到的，找出来的配置项记录下来，随时更新补充。
目前我们刚想到的也就这么多了，修改背景色什么的我就不写了

引入项目就不说了，文档中都有也好找
首先需要一个盒子来存放图标   盒子要给宽高要不然显示不出来

<div id="echartst"></div>
然后要创建图表
myecharts(){
	let mychart = this.$echarts.init(document.getElementById('echarts'))
	mychart.setOption({
		//这里边是echarts的配置项
		tittle:{
			text:'图标的标题'
			//这两个是用来调整标题位置的，如果写数字的话不需要加px
			left:'可以是数字，也可以是left、right、center'
			top:'可以是数字，也可以是top、bottom、center'
		}，
		grid:{ //清楚图标周边空白，使图标占满画布
			left、right、bottom、top
		},
		
	})
}

柱状图

xAxis、yAxis
{
	axisLine:{show:false}//去除坐标轴
	axisTick:{show:false}//去除刻度线
	splitLine:{
		lineStyle:{//网格线样式
			type:'solid'
			width:'.2'
		}
	}
	axisLabel: {    //显示百分比数值
            show: true,
            interval: 'auto',
            formatter: '{value}%'
        },

}
serise:{
	data:[2,5,7,9,8,7],//数据
	type:''            //图标类型
	color:['','',''] 
	label:{           //显示数据位置
	show:true
	position:'top'
}

饼图

tooltip:{      //鼠标移动显示弹窗数据
	trigger:'item'
}
legend:{       //图例位置 用法与标题位置类似
	top:''
	left:''
}
series:{
	radius:'70%'    //饼图大小
	label:{}        //饼图上的文本标签
	
}

折线图

//去除坐标轴和刻度线/网格线样式与柱状图相同
series:{
	symbolSize:7,  //折线拐点处圆点大小
	lineStyle:{    //折线样式
		width:3
	}
}