全部 / 前端 / 技术 · 2022年7月20日 0

Echart x 轴对齐 y 轴负刻度

广告位招租 (vx: ghostcode, 备注:网站广告)

当图表的数据有负值时,产生效果如下:

刻度还是在 0 的位置,并没有在最底部。那如何实现在最底部?

其实在 X,Y 的轴线有个配置项:onZero

xAxis.axisLine. onZero = true

boolean

X 轴或者 Y 轴的轴线是否在另一个轴的 0 刻度上,只有在另一个轴为数值轴且包含 0 刻度时有效。
    xAxis: {
        axisLine:{
          onZero:false, // 添加
        },
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },

效果如下: