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

Question

我有一个实时 time-series 数据连接到前端反应-vis XY 图。数据由 python Flask Server 作为 JSON 提供。 JSON在iso format中包含date；类似于 2019-11-21T00:00:00.000Z.

我可以在图表上显示 time-series 数据；但是，x-axis 值显示为 ISO format。

如何在 react-vis XY 图的 x-axis 上将日期显示为 MM/DD/YYYY 格式？我已经在使用 XY 图的 xType="ordinal" 属性。

Answer 1

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

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

react-vis: How to format ISO dates