我正在构建非常好的 d3 示例，这里生成了 http://2011.12devsofxmas.co.uk/2012/01/data-visualisation/
我仍处于探索阶段，弄清楚原始版本中所有代码的作用，以及如何调整它以实现我的可视化目标。
这是当前版本的一个 block 。单击“在新窗口中打开”查看可视化效果最佳
http://bl.ocks.org/natemiller/119c49ffc4f159fd49ce
作为 d3 的新手和 JavaScript 的新手，它肯定是一个相当陡峭的学习曲线。无论如何，我在我的小而简单的实践示例中遇到的问题是，并非所有数据都被绘制出来了。你可以看到我只有 3 个数据点，而不是 7 个数据点。我不完全确定这里发生了什么。
我已经完成的一些背景故障排除:原始代码使用了 2.7 版的 d3/d3.js 脚本，而不是我在这里使用的脚本(“http://d3js.org/d3.v3.min.js”)。此外，他们使用了另一个脚本 d3/d3.csv.js，我假设要读入 .csv 文件。我省略了这个脚本，只是在 d3.js 中使用了 d3.csv()。
如果我在代码中保留这两个原始脚本，我的可视化绘图会正确绘制(7 个数据点)，但如果我用当前版本替换原始 d3.js (v.2.7)，我得到的绘图只有三个数据点。
知道这里发生了什么吗？关于如何修改我发布的代码以便绘制所有数据点的想法？
谢谢你的帮助，
内特
最佳答案
在第 55 行，您有 .data(rawData, function (d) { return d.site;}),
尝试更改为 .data(rawData),
.data 中的第二个参数是一个键。当您尝试创建圆圈 svg 元素时，它会查看键，该键只有三个不同的值(d.site 中的站点 1、站点 2 和站点 3)，因此只会创建三个圆圈。
数据选择方法引用here
关于javascript - d3.缺失数据。仅绘制每组中的初始值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15371808/