D3.js 如何在D3中创建条形图？

我需要帮助创建一个条形图，只是一个普通的条形图

我有5个对象，每个对象都有自己的10个字段。我想创建一个并排的条形布局，其中x轴标签是10个字段。第i个字段上方应为每个5个对象的矩形，每个高度对应于该字段的对象数据。每个物体都有自己独特的颜色

我花了4个多小时，却一无所有。谷歌没有透露任何有用的信息。注：条形图的矩形应垂直

编辑：我没有得到很多帮助。这些答案毫无帮助，尽管不是作者的过错。这就是我的情况。我在读JSON。JSON的格式

 [  
   ...
   {
     "RowID":85,
     "Name":"Tormore",
     "B":2,
     "S":2,
     "S2":1,
     "M":0,
     "T":"0",
     "H":1,
     "S":0,
     "W":1,
     "N":2,
     "Malty":1,
     "Fruity":0,
     "Floral":0
 }

 ...
 ]

总共有86条JSON数据。也就是说，有86个罗维德。我只需要和5个人一起工作。需要有5种颜色，或者无论我想用多少种rowID。x轴是“B”、“S”。。。来自JSON的“花卉”。所以每个“B”应该有5个条组成的“束”（颜色对应于“名称”）。。。“花卉”数据。最终目标是让用户能够轻松地根据5个事物的属性直观地比较它们

---

我不能用给出的例子来说明这一点。我已经做了至少6个小时了。我束手无策。

有时很难解释问题……我想用户可能需要一个分组条形图：-）无论如何，我从Mike那里借用了这个，并编造了这个。如果这是您想要的，您可以添加更多字段和对象，当然，还可以适当地更改值。（可能还需要触摸颜色刻度。）

一些虚假数据：

var data = [
    {"Field":"Field1","Object1":"2704659","Object2":"4499890"},
    {"Field":"Field2","Object1":"2027307","Object2":"3277946"},
    ...

---

看，听起来你想要一个堆叠的条形图。阅读@CarlManaster链接的教程后，请查看。或者阅读更多分步介绍。您可能需要更改一些数据操作代码来处理数据；大多数堆叠条形图都将每个堆栈放在一个单独的对象中，以层作为属性，而不是将每个层放在一个单独的对象中，以x值作为属性。啊，我又读了一遍，我发现您想要的是一个分组条形图，而不是堆叠条形图。但也有很多这样的例子，包括@FernOfTheAndes改编的一个。你只需要知道它叫什么，这样你就可以搜索它了！一个好的消息来源是克里斯托夫·维奥的。然后你可以通过看图片来找出你想要的东西的名字！谢谢但我不明白它在做什么：var ageNames=d3.keys（数据[1]）.filter（函数（键）{returnkey！==“Field”；}）；移除过滤器，看看会发生什么……我建议使用它，了解图形的构建方式。另外，请记住，我借用了图形，没有花时间更改变量名等。也许最终这比澄清更令人困惑，这绝对不是我的意图。因此，如果这确实是您想要的图形，我建议您将代码与Mike的代码进行比较，看看我所做的更改。这应该会有帮助。@lars用适当的变量名更新fiddle。希望这有帮助。如果可以的话，我会投票否决这个答案。这对于我想要的东西是完全无用的，而作者似乎根本不理解这一点。如果您要发布代码，了解它是一个非常好的主意。