显示正确的xlabel的ReactJS ApexChart问题

Question

我正在使用ApexChart的基本图表，但在显示正确百分比的标签时遇到问题。

我的xaxis代码：

xaxis: {
      labels: {
        formatter: function (val) {
          return Math.abs(Math.round(val)) + "%"
        }
      },
    },

如果数据为1％，则xaxis会显示0-1％，有可能将xaxis更改为显示0-100％，但数据刚好达到1％

这是我正在使用的图表 https://apexcharts.com/react-chart-demos/bar-charts/basic/

到目前为止我所拥有的： 在这里，您可以看到我的数据介于0％-1％之间，但我希望为0-100％，但只有0-1％被突出显示。

Answer 1

您应该设置xaxis的最小值和最大值以设置范围。

xaxis: {
  min: 0,
  max: 100,
  labels: {
    formatter: function (val) {
      return Math.abs(Math.round(val)) + "%"
    }
  }
}