React vis -格式化x轴上的时间刻度

import React from 'react';
import { XYPlot, XAxis, YAxis, LineSeries } from 'react-vis';

// 格式化时间刻度的函数
function formatXAxisTick(timestamp) {
  const date = new Date(timestamp);
  return date.toLocaleDateString(); // 返回格式化后的时间字符串
}

function App() {
  const data = [
    { x: 1612345678000, y: 10 },
    { x: 1612345688000, y: 15 },
    { x: 1612345698000, y: 12 },
    // 更多数据...
  ];

  return (
    <XYPlot width={500} height={300}>
      <XAxis tickFormat={formatXAxisTick} />
      <YAxis />
      <LineSeries data={data} />
    </XYPlot>
  );
}

export default App;