0

我正在使用 D3plus 进行数据可视化。但是在 x 轴上显示的是错误的数据，而不是我在 .x("year") 中写的内容来显示。

http://jsfiddle.net/MituVinci/a77kz0dr/ 

enter code here

var visualization = d3plus.viz() .container("#viz") // 用于保存可视化的容器 DIV .data(sample_data) // 与可视化一起使用的数据 .type("scatter") // 可视化类型 .id ("Reason") // 我们的数据在 .x 上是唯一的键 ("year") // x 轴的键 .y("Female") // y 轴的键 .draw()

我还想调整它的宽度和高度，还想使用外部 json 文件显示它我该怎么做？

4

1 回答 1

1

由于您将“原因”作为 .id() 变量，因此 D3plus 正在聚合具有相同“原因”的所有数据点。所以“家仇”的“x”位置是 2010+2011+2012+2013+2014 或 10060，这是所有气泡所在的位置。

如果您想单独显示每个气泡，您可以创建一个名为“ReasonYear”的单独变量，将“原因”和“年份”字段的文本连接在一起，然后使用 .id("ReasonYear") 进行可视化。

使用 .width() 和 .height() 分别控制可视化的宽度和高度。

使用 .data() 从外部 JSON 文件加载数据

文档可以在这里找到：https ://github.com/alexandersimoes/d3plus/wiki/Visualizations

于 2018-01-07T22:40:54.677 回答