Echart柱状图表靠右显示

291 阅读1分钟
  • 默认靠左显示

image.png

  • 现在需求要求必须靠左显示,也就是数据从右向左展示出来:

image.png

  • 实现方式

y轴设置poisition: 'right'

  yAxis: {
    type: 'category',
    data: ['Brazil', 'Indonesia', 'USA', 'India', 'China', 'World'],
    position: 'right'
  }

x轴设置inverse: true

xAxis: {
    type: 'value',
    boundaryGap: [0, 0.01],
    inverse: true
  }

解决!!!