在react-apexcharts中更改顺序

Question

我正在使用react-apexcharts在图表上显示数据。图表显示从1月到12月的升序数据，但我需要从12月到1月从降序显示数据。

是否可以更改顺序。

Answer 1

数据的顺序取决于将x轴类别（Jan ... Dec或Dec ... Jan ... Jan）和数据数组传递到系列选项之前的方式。由于您使用的是React版本，因此我假设您是从Ajax调用中获取数据的。假设您的初始状态如下：

this.state = {
  options: {
    ...
    xaxis: {
      categories: [],
    },
    noData: {
      text: "Loading...",
    },
  },
  series: [],
};

您需要做的是，可以配置后端以返回x轴类别和系列的准备数据，也可以按原样接收并在前端对它们进行排序，然后相应地设置状态。