1

我在 React 应用程序中使用antv 基本柱形图。我正在尝试在 X 轴上显示日期。所有日期都格式化为 DD.MM.YYYY 并作为字符串输入到图表中。由于某种原因，它从未正确排序。

请问，有没有人遇到过这种行为？是否可以在图表配置中添加排序方法？我在文档中找不到任何东西。

最终图表的图像。

数据加载方式：

const [data, setData] = useState<any>(undefined);

const loadValues = useCallback(
  (data) => {
     const array = []
     for (const [day, values] of Object.entries(data)) {
       for (const [type, value] of Object.entries(values as any)) {
         array.push({
           date: moment(day).format('L');,
           value: value
         });
       }
     }
     setData(array)
  }, []
)

柱形图：

<Column
  data=data
  isGroup={true}
  xField="date"
  yField="value"
  isStack={true}
  legend={{
    layout: 'horizontal' as const,
    position: 'bottom' as const,
  }}
/>

感谢您提供任何信息。

4

0 回答 0