Question

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

我有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个RowID。我需要只使用5.需要有5种颜色，或者我想要使用多种rowID。 x轴是来自JSON的“B”，“S”......“Floral”。因此，对于每个“B”，......“花卉”数据，应该存在5个条（“颜色对应于”名称“）的”块“。最终目标是使用户可以根据其属性在视觉上比较5件事物。

我不能用给定的例子来完成这项工作。我一直在研究这个问题至少6个小时。我的智慧结束了。

Answer 1

有时很难解释问题......我认为用户可能想要一个分组的条形图:-)无论如何，我从Mike那里借了这个graph并制作了这个UPDATED fiddle with appropriate variable names。如果这是您想要的，您可以添加更多字段和对象，当然，也可以适当地更改值。（也可能需要触摸色标。）

一些假数据：

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

如何在D3中创建条形图？

1 个答案: