echarts绘图区与容器间隔、空值、刻度线标签不对齐、y轴从负值开始等问题

1.echarts绘图区与容器间隔

问题：默认的图表大小不占据整个canvas的大小，即绘图区和容器有很大间隔
解决：设置grid偏移属性，设置x,y,x2,y2都为0（默认不为0），使得绘图区占据整个canvas大小

2.echarts当值不存在时

问题：某个横坐标的值不存在时（不同于值为0的情况）
解决：官方文档中说明了当某个数据不存在时，就赋值为“-”
例：裤子的数据不存在

解决：设置boundaryGap: true，alignWithLabel:true,使得刻度线和标签对齐

有时候我们需要坐标轴从负数开始，即上图中的-10开始，正负值都向上显示。
解决：设置xAxis.axisLine.onZero为false（默认为true）

效果如下，出现负值时坐标轴从负值开始。

文章知识点与官方知识档案匹配，可进一步学习相关知识云原生入门技能树首页概览8727 人正在系统学习中

来源：xinNote