Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.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 D3获取两个对象的数组并将其读入D3形状_Javascript_Arrays_Json_D3.js_Svg - Fatal编程技术网

Javascript D3获取两个对象的数组并将其读入D3形状

Javascript D3获取两个对象的数组并将其读入D3形状,javascript,arrays,json,d3.js,svg,Javascript,Arrays,Json,D3.js,Svg,我是D3新手,有一个基本问题。调用服务时,我收到一个对象数组。当我执行console.log(typeof(…)时,它显示一个数组 数组包含两个对象。例如,如果有两个字段。它将使用 City Airport Chicago 80 New York 42 我正在创建一个点图,但现在,我只想访问数据而不会出错 svg.selectAll("circle") .data( ????) .attr('cx', function(d){ d.City } 我查看了d3.json或d3.nest

我是D3新手,有一个基本问题。调用服务时,我收到一个对象数组。当我执行console.log(typeof(…)时,它显示一个数组

数组包含两个对象。例如,如果有两个字段。它将使用

City  Airport

Chicago 80
New York 42
我正在创建一个点图,但现在,我只想访问数据而不会出错

svg.selectAll("circle")
 .data( ????)
 .attr('cx', function(d){ d.City }

我查看了d3.json或d3.nest,但坦率地说,我现在迷路了。谢谢你的帮助

假设您的数据数组如下所示:

var dataArray = [{
  "City": "Chicago",
  "Airport": 80
},
{...}
]
您应该能够通过其名称轻松绑定此数据,如下所示:

svg.selectAll("circle")
 .data(dataArray)          # or whatever name you have
 .attr('cx', function(d){ 
   return d.City;          # note that you need to use return
 }

如果您能提供有关数据集的更多信息,这将非常有用。

数据的格式如何?基本上,您只需将数据数组放入数据函数中,我对javascript对象进行了硬编码,这就成功了。不幸的是,我认为这可能是一个角度上的问题,因为我无法将其转化为正确的形式。谢谢最终得到了工作的角度,然后使用你的技术。非常感谢。