当前位置: 首页 > 面试题库 >

D3:从json对象创建分组的条形图

谢誉
2023-03-14
问题内容

我有一些这样的数据:

[
 { id: 12, value1: "2.92", value2: "4.22", value3: "3.69" }
, 
 { id: 23, value1: "2.69", value2: "4.24", value3: "3.77" }
,
  ....
]

我想创建一个水平分组的条形图,以便有3组条形,首先是所有value1条(标记为Value1),然后是所有value2条,最后是所有value3条。

我该怎么做-请记住,数据将来会动态更新,因此将添加新的数据对象,而其他数据对象将被删除。猜猜我可以使用id作为密钥。


问题答案:

首先,将数据提供或转换为一个或多个普通数组

data = [ [ 2.92, 4.22, 3.69], [2.69, 4.24, 3.77] ]

现在,您可以使用d3.transpose来旋转数据,以便获得

  var tdata = d3.transpose(data);

给你

   [ [2.92, 2.69], [4.22, 4.24], [3.69, 3.77]]
然后是iaindillingham的一个团体酒吧,可以用作模型(我已经修复了他的版本,以使用最新的d3库)。看到它在这里工作: http
//bl.ocks.org/3532324


 类似资料:
  • 参考Mike Bostick的Stacked to Grouped Bar Chart示例,我正在修改它以处理CSV文件。我已经在这方面工作了几个星期,并且查看了关于堆栈溢出和其他地方的无数示例,我被难住了。 堆叠条形图工作。 堆叠条形图: 在函数中,我想乘以一个与序列或键对应的数字。我当前正在将此函数中的数字1乘以占位符。 和csv文件:

  • 我有两个json对象,请不要是字符串,我想将它们组合成一个json对象,如下所示。 两个对象: 预期结果: 有没有一种优雅的方法可以做到这一点?我的意思是,不提取每支笔和每本书的值,然后使用以下方法将它们重新插入包 我正在使用org。科德豪斯。抛弃json。JSONObject,如果需要该信息。

  • 问题内容: 如何在Android中以这种格式创建JSON:由于我将传递的API将解析JsonArray,然后解析该对象。还是只传递一个json对象就可以了吗?因为我只需要在每个服务调用中插入1个事务即可。 我所知道的只是JSONObject。像这个。 有任何想法吗。谢谢 问题答案: 使用以下代码:

  • 我正在尝试向后端发送一个JSON对象。基本上,我要做的是获得两个文本字段的输入,然后是所有选定文本框的列表。我的javascript代码如下所示: 我还不是javascript方面的专家,但从我在其他Anwer和帖子中发现的情况来看,这是我可以组合起来的,我认为它实际上可以工作。后端部分工作正常,正如我用PostMan测试的那样,非常正常。这就是JSON,我;我是邮递员寄来的,看起来像: Java

  • 问题内容: 我正在尝试学习AppScript,并以Google表格为例。我想使用工作表中填充的一些数据创建一个简单的JSON对象。 表例 我希望JSON像这样 TQzPIVJf6-w](https://www.youtube.com/watch?v=TQzPIVJf6-w)。但是,该视频谈到了将每个列标题创建为一个对象。如我所希望的,列名是和行值是。 这是我当前的AppScript代码 输出是单个

  • 我试图使用D3.js创建一个具有以下数据结构的线图: 对象的索引号是x值,“video_views”是y值。 问题:它正在追加svg画布,“g”元素很好,但是没有检测到图中每个点的x和y值,因此没有显示任何内容。 感谢任何帮助。多谢阅读。