D3:从创建JSON对象分组条形图(D3: Create a grouped bar chart f

2019-06-27 13:05发布

我有这样一些数据:

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

我想创建水平分组条形图,使得有3组的条,首先VALUE1条(标记为值1),随后是所有值2条和最后所有值3条。

我怎样才能做到这一点 - 牢记,该数据将在未来的动态更新,所以新的数据对象将被添加和其他人将被删除。 我想我可以使用ID作为关键字。

Answer 1:

首先,供给或将数据转换成一个普通的阵列或阵列例如

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



文章来源: D3: Create a grouped bar chart from json objects