如何右对齐值(无论条形图宽度如何)Apache echarts

问题描述 投票:0回答:1

我正在使用 Apache echarts 制作水平条形图。我正在尝试右对齐每个条形图的值,但我无法找到示例,并且在查看 API 并使用图表选项后,我无法确定如何执行此操作。

这可能吗?

example of a horizontal bar chart where the values are not staying right aligned

bar-chart echarts
1个回答
0
投票

由于您没有分享任何代码,我只能猜测您的图表是什么样子。考虑到图像以及您添加的标签

bar-chart
,我假设它是一个带有非常小的条形的水平条形图。对于条形图,存在属性 labelLayout,它允许根据绝对或相对像素值定位标签。

示例

option = {
  xAxis: { type: 'value' },
  yAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  series: [
    {
      type: 'bar',
      stack: 'stack',
      data: [820, 832, 901, 934, 1290, 1330, 1320],
      label: { show: true },
      labelLayout: { x: '95%' }
    }
  ]
};
© www.soinside.com 2019 - 2024. All rights reserved.