Echarts设置-横向柱状图的左侧文字左对齐设置

2,733 阅读1分钟
  • 先设置y轴
axisLabel: {
    margin: 60,
    textStyle: {
      align: 'left',
      fontSize: '12',
      color: '#fff'
    }
}

  • 再设置grid
  grid: {
     left: '-8%',
     bottom: '0%',
     top: '25%',
     containLabel: true
  }
  • 效果如图 注意:

  • grid中的left与yAxis的axisLabel中的margin 相互修改,直至达到理想效果

  • grid中的left 是设置盒子左边距与y轴文字的距离

  • yAxisaxisLabel中的margin是设置y轴文字与圆柱的距离

  • 一般会把grid中的left设置为负数值再调整margin值