Bootstrap

Echarts:柱状图的第一个柱子超出了y轴

问题

使用Echarts绘制柱状图的时候,第一个柱子超出了y轴:
在这里插入图片描述

解决

  • boundaryGap
    此属性与坐标轴两端空白有关。默认值为true即留空,false则表示柱子顶头,而出现上述现象,是因为代码中参数 boundaryGap设置为了false

  • 将boundaryGap的值改为true或者去掉那行代码不使用该参数即可

  • 原先的代码:
    在这里插入图片描述

  • (1)将boundaryGap的值改为true:
    在这里插入图片描述
    结果:
    在这里插入图片描述

  • (2)删除代码
    在这里插入图片描述
    结果:
    在这里插入图片描述

;