2014-12-04 51 views
1

我使用这个例子link进行自定义。有json数组并根据数组创建条形图。如何用JSON数组创建单独的条形图?

请指引我,这是我的JSON格式:

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

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

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

回答

1

通价值,如数据阵列,并循环播放循环后!

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

for(r in data1){

这样你就可以实现这个

0

转换这个JSON来两个列表使用取其你喜欢

T1 = [207 45]

T2 = [20.07,0.04]

现在在替换数据(d)的JavaScript或jquery的在http://bl.ocks.org/mbostock/3885304与T1为图1与T2为图2 它会为工作肯定

+0

你可以给更多的这个细节?我的意思是线的例子。 – Lakshitha 2014-12-05 01:53:44

+0

按照此链接它将帮助https://github.com/mbostock/d3/wiki/CSV – kid 2014-12-05 06:02:35

2

你可以使用循环这个

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

for(i in data){

alert(i);

data1 = data[i]; 使用例如这样link