ECharts柱状图数据量较少时如何将图表位置设置为顶部？

可以通过配置ECharts的grid组件实现图表置顶，具体修改如下：

在你的配置中添加grid节点，指定top属性来控制绘图区域的顶部位置：

xAxis: {
  type: 'value',
},
yAxis: {
  type: 'category',
  data: ['Brazil', 'Indonesia']
},
grid: {
  top: '0%', // 让绘图区域紧贴容器顶部
  containLabel: true // 避免坐标轴标签被裁剪
},
series: [
  {
    type: 'bar',
    data: [18203, 23489]
  }
]

说明： #

• grid是ECharts中控制绘图区域的核心容器，默认会根据数据量自适应居中布局；
• top属性接受百分比或像素值，设置为'0%'即可让图表完全靠顶部对齐；
• containLabel: true可以确保坐标轴的标签、刻度不会被容器边缘裁剪，保证布局完整性。

如果需要更精细的布局控制，还可以配合grid.bottom、grid.left、grid.right等属性调整绘图区域的整体位置。

内容的提问来源于stack exchange，提问作者Максим Куприйчук