0

我正在尝试使用来自 nivo.rocks 的 marimekko 图表制作直方图。我想让 bin 大小的宽度都相等。所以我需要 x 轴以 6 为增量从 30 变为 60。我正在尝试重新创建:

在此处输入图像描述

到目前为止,我编写了这段代码来从数据对象中获取 bin 大小:

 let result = data.map(item => item.AvgTempF )
    let max = (Math.max(...result))
    let min = (Math.min(...result))
    let bin = (max-min)/10

我想不出我应该在这个道具里放什么

  data={data}
  id='AvgTempF'
  value={"AvgTempF"}

我知道我需要将日期更改为整数以获得 y 轴的计数值,但我不确定这一切的第一步是什么。我真的很感激任何帮助

这是我到目前为止所拥有的沙盒:https ://codesandbox.io/s/gifted-stallman-hpcid

重新措辞:

  1. 例如,y 轴需要更改为温度在 30F - 35F 之间的天数。
  2. x 轴需要更改,因此所有条的宽度都相同(bin 大小为 6),范围从 30 到 60
4

0 回答 0