reactjs - react-vis：如何格式化 ISO 日期

Question

我有一个time-series连接到前端 react-vis XY 图的实时数据。数据JSON由 a作为 a 提供python Flask Server。JSON包含date在iso format; _ 类似的东西2019-11-21T00:00:00.000Z。

我能够time-series在图表上显示数据；但是，这些x-axis值显示为ISO format。

如何在 XY 图上以格式显示MM/DD/YYYY日期？我已经在使用XY 图的属性。 x-axisreact-visxType="ordinal"

Answer 1

在您的 XAxis 上使用 tickFormat。所以它会是这样的：

<XAxis
  tickFormat={value => moment(value).format('DD/MM/YYYY')}
  tickValues={yourValuesFromJson || []}
/>