Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/15.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 如何从JSON对象数组中获取属性,以将该属性的值用作图表中的标签?_Javascript_Json_Chart.js_Fetch Api - Fatal编程技术网

Javascript 如何从JSON对象数组中获取属性,以将该属性的值用作图表中的标签?

Javascript 如何从JSON对象数组中获取属性,以将该属性的值用作图表中的标签?,javascript,json,chart.js,fetch-api,Javascript,Json,Chart.js,Fetch Api,我正在尝试使用chart.js库绘制图表。我目前正在尝试绘制json文件的数据 这就是我能够抓住行业和国家房地产价值的代码 constxs=[]; 常数ys=[]; 常量api_url='jsondata.json'; 异步函数getData(){ const response=wait fetch(api_url); const data=wait response.json(); const sector=data.map(prop=>prop.sector); 推送(扇区); 控制台日志(

我正在尝试使用chart.js库绘制图表。我目前正在尝试绘制json文件的数据

这就是我能够抓住行业和国家房地产价值的代码

constxs=[];
常数ys=[];
常量api_url='jsondata.json';
异步函数getData(){
const response=wait fetch(api_url);
const data=wait response.json();
const sector=data.map(prop=>prop.sector);
推送(扇区);
控制台日志(扇区);
const country=data.map(prop=>prop.country);
xs.push(国家);
控制台日志(国家);
}
getData();
我的JSON文件如下所示:

[{
“年终”:“,
“强度”:6,
“部门”:“能源”,
“已出版”:“2017年1月9日00:00:00”,
“国家”:“美利坚合众国”,
},
{
“年终”:“,
“强度”:6,
“部门”:“能源”,
“已出版”:“2017年1月9日00:00:00”,
“国家”:“美利坚合众国”,
}
]

我试图获取这些属性的值,并将它们分别用作x轴和y轴的标签。

如果我理解正确,这就是你的答案

let json=[{
“年终”:“,
“强度”:6,
“部门”:“能源”,
“已出版”:“2017年1月9日00:00:00”,
“国家”:“美利坚合众国”,
},
{
“年终”:“,
“强度”:6,
“部门”:“两个”,
“已出版”:“2017年1月9日00:00:00”,
“国家”:“加拿大”,
}
];
让扇区=json.map((obj)=>{
返回对象扇区
})
让countries=json.map((obj)=>{
返回对象国家
})
console.log('扇区:',扇区)

console.log('countries:',countries)
在映射期间,您是否尝试输出
prop
prop.sector
的值?您是如何尝试获取这些值的?其次,哪些数据应该分别映射到
x
y
?我想将部门映射到x轴,将国家映射到y轴