Question

我正在使用D3plus进行数据可视化。但是在x轴上显示的是错误的数据而不是我在.x（＆＃34; year＆＃34;）中写的内容。

enter code here

var visualization = d3plus.viz（） .container（＆＃34;＃viz＆＃34;）//用于保存可视化的容器DIV .data（sample_data）//用于可视化的数据 .type（＆＃34; scatter＆＃34;）//可视化类型 .id（＆＃34; Reason＆＃34;）//我们的数据唯一的密钥 .x（＆＃34;年＆＃34;）// x轴的键 .y（＆＃34;女性＆＃34;）// y轴的关键 .draw（）

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

Answer 1

由于您的.id（）变量有“Reason”，因此D3plus会聚合具有相同“Reason”的所有数据点。因此，“Family Feud”的“x”位置是2010 + 2011 + 2012 + 2013 + 2014或10060，这是您所有泡泡所在的位置。

如果要单独显示每个气泡，可以创建一个名为“ReasonYear”的单独变量，将Reason和Year字段的文本连接在一起，然后使用.id（“ReasonYear”）进行可视化。

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

使用.data（）从外部JSON文件加载数据

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

为什么它没有显示年份值。在D3plus分散？

1 个答案: