时间戳

首页 > 解决方案 > 条形图不能随时间缩放？

javascript - 条形图不能随时间缩放？

问题描述

我有想要随时间显示的数据，当我像这样将比例属性放入折线图时（按照 x 轴文档中的说明）

<XAxis 
  dataKey="day" 
  scale="time" 
  type="number" 
  domain={['dataMin', 'dataMax']} 
  tickFormatter={(t)=> moment.unix(t).format(format)} 
  interval={timeType === 'month' ? 0 : 1} 
/>

它有效 - 但是当我的条形图中有相同的确切代码时，条形不会呈现？

这是一个错误还是有发生这种情况的原因？

标签： javascriptreactjsrecharts

解决方案

对于遇到此问题的人，有一个解决方法 - 您可以将获取数据的 xAxis 日期转换为 unix 标记，然后按日期对数据进行排序并将其设置为等于您的数据。

例子：

resultData = resultData.sort((a, b) => new Date(a.time) - new Date(b.time));

推荐阅读