d3 直方图在同一图表/图表中具有累积频率/分布线？答案

【问题标题】：d3 histogram with cumulative frequency/distribution line in the same chart/graph?d3 直方图在同一图表/图表中具有累积频率/分布线？
【发布时间】：2016-04-30 13:42:25
【问题描述】：

d3 非常酷，我作为新手刚开始使用它。有几个直方图示例，我选择了this one。我对累积折线图、累积分布和累积频率进行了简短搜索，所有这些都与 d3 相关，但没有找到与我想要的类似的东西，但我找到的最接近的是 this，并且在光一个更好的解决方案，我会尝试去追求它，看看我是否可以根据我的需要定制它。不过，理想情况下，我正在寻找类似于 Excel offers 的直方图，其顶部覆盖有累积频率/分布线（其轴/标签是右侧的 y 轴）。 d3 是否有这样的等效功能（理想情况下可作为示例/演示使用）？这样我就有 1 个图表而不是 2 个。

如果没有现成的示例/演示，有什么技巧可以扩展我选择的直方图实现，在同一图表上使用累积频率线，右侧有一个轴标签？由于我是新手，我自己很难/很棘手。

【问题讨论】：

标签： javascript d3.js histogram cumulative-frequency cumulative-line-chart

【解决方案1】：

this example 会接近您要查找的内容吗？ D3 有一个histogram layout，它为您完成了大量的计算工作，并且可以像任何其他条形图一样绘制。只需汇总计数数据即可创建 CDF。

【讨论】：

谢谢，我不知何故忽略了（没有找到/看到）那个例子。
另外，我不是数学天才，但似乎示例中的 CDF 不是我要寻找的，并且不确定“汇总数据计数以制作 CDF “也许你可以详细说明。现在，我最终将带有jStat 的CDF 定义为data[i]['cum'] = jstat.normal(jstat.mean(), jstat.stdev()).cdf(data[i].x);，这似乎与我在快速测试期间在Excel 和统计数据方面的习惯相近。我没有像示例那样使用随机数据，而是输入了我使用的实际数据。
这是我的 adapted version of the example 和实际的 gist 以及 Excel 比较的屏幕截图。