Javascript 在ReactJS中绘制直方图

假设我想绘制阅读每本书所用时间的柱状图

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

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

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

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

但在我以前的数据的基础上，我怎样才能把它转换成范围，这样才能满足绘制直方图的条件

或者是否有其他方法绘制直方图

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

---

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

0-5、5-10等为铲斗

现在，您可以为自己编写一个reducer代码，它为您提供每个容器的数据点计数，或者使用像d3数组包这样的东西，它有很多东西可以从数据中获取信息

这里有一个简单的例子

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

模式读取