小编lev*_*owh的帖子

如何使用UTC日期字符串作为recharts轴并均匀分布

我的数据源如下所示:

const data = [
    { dataora: "2019-10-20T04:00:00Z", valore: -0.04 },
    { dataora: "2019-10-20T05:00:00Z", valore: -0.03 },
    { dataora: "2019-10-20T06:00:00Z", valore: -0.03 },
    { dataora: "2019-10-20T07:00:00Z", valore: -0.03 },
    { dataora: "2019-10-21T10:00:00Z", valore: -0.04 },
    { dataora: "2019-10-21T23:00:00Z", valore: -0.04 },
    { dataora: "2019-10-22T00:00:00Z", valore: -0.04 }
  ];
Run Code Online (Sandbox Code Playgroud)

我的recharts组件如下所示:

<LineChart width={600} height={300} data={data}>
  <Line type="monotone" dataKey="valore" stroke="black" strokeWidth={2} dot={false} />
  <CartesianGrid stroke="#ccc" />
  <XAxis
    dataKey={'dataora'}
    tickFormatter={dateFormatter}
  />
  <YAxis />
</LineChart>
Run Code Online (Sandbox Code Playgroud)

dateFormatter 看起来像这样:

const dateFormatter = date => { …
Run Code Online (Sandbox Code Playgroud)

reactjs recharts

1
推荐指数
1
解决办法
2457
查看次数

标签 统计

reactjs ×1

recharts ×1