Echarts常见问题之grid说明x，x2，y，y2和x轴间隔显示，y轴高至顶部

 

背景：在使用echarts过程中，我们经常会直接使用UI写好的样式进行嵌套，但是有些地方需要微调

1.grid说明

有时候UI给我们的demo样例里有x,x2,y,y2，没用过echarts的人会比较懵逼，有了下面这个图就嗯嗯了。

2.x轴数据间隔显示

这时问题出现在x轴的数组里数据长短不一致，可以通过以下两种方式解决

（1）在axisLabel中设置interval:0强制显示

            axisLabel: {
                interval:0,
                rotate:45, //代表逆时针旋转45度
            }

 (2)  设置rotate：45倾斜展示

3.y轴柱状图到最顶部

此时需要取消y轴里的max最大值设置，因为它自己会去根据数据值进行适配。