Question

我使用此示例link进行自定义。有json数组并根据数组创建条形图。

请指导我，这是我的json格式：

{ "server1": [
    {
      "mount": "test1",
      "value": 207
    },
    {
      "mount": "test2",
      "value": 20.07
    }
  ],

  "server2": [
    {
      "mount": "test1",
      "value": 45
    },
    {
      "mount": "test2",
      "value": 0.04
    }
  ]
}

我想创建2个单独的条形图。

Answer 1

你可以使用循环

$.getJSON("./data/new.json", function(data){

for(i in data){

alert(i);

data1 = data[i]; 以这种方式循环使用您的示例link

Answer 2

像数据数组一样传递值并循环它！

d3.json("./data/new.json", function(error,data1){

for(r in data1){

像这样你可以实现这个

Answer 3

使用javascript或jquery将这个json转换为两个列表，无论你喜欢什么

t1 = [207,45]

t2 = [20.07,0.04]

现在替换http://bl.ocks.org/mbostock/3885304中的数据（d），其中t1为图1，t2为图2 它肯定会起作用

如何使用JSON数组创建单独的条形图？

3 个答案: