问题
在使用 echarts 绘制折线图时会出现一些显示不全的情况
折线图显示不完全
一般都是 y 轴数据比较大的时候，由于 echarts 将折线放置于盒子的中心位置， y 轴上的坐标可能就会显示不完全
解决方案
首先想到的是通过修改 grid 中的参数来调整折线图的位置， grid 中控制位置的有四个参数 x y x2 y2
grid图示.png
上图中，红色的框代表
div 盒子的 padding 范围，可以看到 x y x2 y2 分别控制了图表与边缘之间的距离，从而控制了盒子的位置与大小，可以在 option 中添加如下代码（其中的参数可自行根据实际调整）
grid: {
x: 70,
y: 40,
x2: 15,
y2: 20,
},
在调整了 grid 参数之后，图表已经可以完整展示出来了，表格大小也调整完毕
调整grid后的图表
但是 y 轴左侧的数字很大，占据了图表很多的空间，视觉上很不美观，过多的
0 也没有什么展示意义，所以还需进行优化
优化方案
可以在 yAxis 的 axisLabel 中加入一段处理 y 轴坐标数据的功能代码，将 y 轴的单位改为 k
formatter: function(value, index) {
var value;
if (value >= 1000) {
value = value / 1000 + 'k';
} else if (value < 1000) {
value = value;
}
return value
}
再适当更改 grid 参数，最后图表就会比较完美地展示出来
调整y轴单位后的图表
