在 ReactJS 中绘制直方图答案

【问题标题】：Plot histogram in ReactJS在 ReactJS 中绘制直方图
【发布时间】：2021-02-22 13:03:00
【问题描述】：

假设我想绘制阅读每本书所用时间的直方图。

我计算了阅读每本书的时间并存储在一个数组中

const timeToRead = [10,12,8,3,7]

当我通过不同的方法绘制直方图时......我发现要显示数据，它应该在以下范围内：

const timeToRead = [0-5,5-10,10-15]

但是根据我之前的数据，如何将其转换为范围，从而满足绘制直方图的条件。

或者有没有其他方法可以绘制直方图？

如果需要任何进一步的细节，请告诉我，如果我不够清楚，请告诉我。

【问题讨论】：

【解决方案1】：

您必须减少必须获得进入每个存储桶的点数的数据。

0-5、5-10 等是桶。

现在，您可以自己手动编写一个 reducer，为您提供每个 bin 的数据点计数，或者使用 d3-array 包之类的东西，它有大量的东西可以从数据中获取信息。

这是一个简单的例子。

let bin = d3.bin()
    .domain(timeToRead)
    .thresholds([0, 5, 10]);

模式阅读

【讨论】：