我正在构建这里生成的非常好的 d3 示例http://2011.12devsofxmas.co.uk/2012/01/data-visualisation/
我仍处于探索阶段,弄清楚原始版本中所有代码的作用,以及如何调整它来实现我的可视化目标。
这是当前版本的一个块。单击“在新窗口中打开”可以最好地查看可视化效果
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),我会得到只有三个数据点的图。
知道这里发生了什么吗?关于如何修改我发布的代码以便绘制所有数据点的想法?
谢谢你的帮助,
内特