Vue-element栅格设置

新版软件来复现老版软件的一些功能，更好更美观的一屏展示。

需求：一屏幕显示所有图表，为了方便肉眼对比

解决：一个界面一下展示20张图，为了显示的清楚，一行放5个，运用element的格栅；echarts和自定义格子固定好高度即可。

初步效果如下：

对格栅的学习：

1、三等分

<el-col :xs="12" :sm="12" :lg="8">
</el-col>

2、四等分

<el-col :xs="12" :sm="12" :lg="6">
</el-col>

3、五等分（24/5 无法整除）

<el-col :xs="12" :sm="12" :lg="{span: '4-8'}">
</el-col>

<style>
.el-col-lg-4-8 {
		width: 20%;
	}
</style>

4、七等分

<el-col :xs="12" :sm="12" :lg="{span: '4-8'}">
</el-col>

<style>
.el-col-lg-4-8 {
		width: 1/7*100%;
	}
</style>

5、八等分

<el-col :xs="12" :sm="12" :lg="3">
</el-col>

6、十等分（老板的离谱需求）

<el-col :xs="12" :sm="12" :lg="{span: '2-4'}">
</el-col>

<style>
.el-col-lg-2-4 {
		width: 10%;
	}
</style>