Javascript 如何从JSON对象数组中获取属性,以将该属性的值用作图表中的标签?
我正在尝试使用chart.js库绘制图表。我目前正在尝试绘制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); 推送(扇区); 控制台日志(
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轴