Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将现有对象用于多条形图中的数据?_Javascript_Object_Web_D3.js_Nvd3.js - Fatal编程技术网

Javascript 如何将现有对象用于多条形图中的数据?

Javascript 如何将现有对象用于多条形图中的数据?,javascript,object,web,d3.js,nvd3.js,Javascript,Object,Web,D3.js,Nvd3.js,我正在使用nvd3库制作一个条形图,我在试图找出如何正确使用我的对象时遇到了一些麻烦。如果我尝试使用从JSON文件创建的对象,则图形的行为不正常(请参阅我提供的图片。条形图偏离中心)。我正在构建一个多条形图示例,所以我猜它仍然试图显示图形,好像每个x值都有多个条形图 function dataFactory(seriesNum, perSeries) { return new d3.range(0,seriesNum).map(function(d,i) { return { //will re

我正在使用nvd3库制作一个条形图,我在试图找出如何正确使用我的对象时遇到了一些麻烦。如果我尝试使用从JSON文件创建的对象,则图形的行为不正常(请参阅我提供的图片。条形图偏离中心)。我正在构建一个多条形图示例,所以我猜它仍然试图显示图形,好像每个x值都有多个条形图

function dataFactory(seriesNum, perSeries) {
return new d3.range(0,seriesNum).map(function(d,i) { return { //will return the amount of streams to be seen on the graph
key: 'Stream ' + i,
values: new d3.range(0,perSeries).map( function(f,j) {
  return { 
           y: 10 + Math.random()*100, // a random value is given to y and the range of 0-perSeries is put into j
           x: j
         }
})
};  
});

}
但是,使用上述函数并调用它以用于数据可以正常工作。有人知道我必须做什么才能让我的对象像这个函数中的对象一样工作吗

如果需要查看我的json文件,请执行以下操作:

{
"Member1": {
    "key":"test10",
    "values": [
        {
            "x": "test10",
            "y": 20
        }
    ]
},
"Member2":{
    "key":"test9",
    "values": [
        {
            "x": "test9",
            "y": 10
        }
    ]
},
"Member3":{
    "key":"test8",
    "values": [
        {
            "x": "test8",
            "y": 4
        }
    ]
},
"Member4":{
    "key":"test7",
    "values": [
        {
            "x": "test7",
            "y": 12
        }
    ]
},
"Member5":{
    "key":"test6",
    "values": [
        {
            "x": "test6",
            "y": 30
        }
    ]
},
"Member6":{
    "key":"test5",
    "values": [
        {
            "x": "test5",
            "y": 8
        }
    ]
}
,
"Member7":{
    "key":"test4",
    "values": [
        {
            "x": "test4",
            "y": 27
        }
    ]
},
"Member8":{
    "key":"test3",
    "values": [
        {
            "x": "test3",
            "y": 17
        }
    ]
},
"Member9":{
    "key":"test2",
    "values": [
        {
            "x": "test2",
            "y": 2
        }
    ]
},
"Member10":{
    "key":"test11",
    "values": [
        {
            "x": "test11",
            "y": 53
        }
    ]
},
"Member11":{
    "key":"test13",
    "values": [
        {
            "x": "test13",
            "y": 55
        }
    ]
},
"Member12":{
    "key":"test14",
    "values": [
        {
            "x": "test14",
            "y": 104
        }
    ]
},
"Member13":{
    "key":"test15",
    "values": [
        {
            "x": "test15",
            "y": 12
        }
    ]
},
"Member14":{
    "key":"test16",
    "values": [
        {
            "x": "test16",
            "y": 87
        }
    ]
}

}

如果您需要查看我的代码的任何其他部分,请告诉我,在这里使用不同类型的图表可能更好,因为您没有多个条形图。是的……我想我可以让它工作,但了解它的工作原理后,我意识到了这一点。在任何情况下,您都可以通过执行
console.log()来记录和检查数据
在上面。