react-apexcharts 中的更改順序

Question

我正在使用 react-apexcharts 在圖表上顯示數據。 圖表按升序顯示數據，例如從 1 月到 12 月，但我需要按降序顯示，例如從 12 月到 1 月。

是否有任何選項可以更改訂單。

Answer 1

數據的順序取決於您在將數據傳遞給系列選項之前如何構建 x 軸類別（Jan...Dec 或 Dec...Jan）和數據數組。 由於您使用的是反應版本，我假設您從 ajax 調用中獲取數據。 假設您有如下初始 state ：

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

您需要做的是，您可以配置后端以返回為 x 軸類別和系列准備好的數據，或者按原樣接收並在前端對其進行排序，然后相應地設置 state。