无法从api到chart.js的值获取,反应js

这是我的api,存储在url中

[
{

"Name": "A",
"X":10
"Y":30
"Z":20
},
{
"Name": "B",
"X":10
"Y":30
"Z":40
},
{
"Name": "C",
"X":10
"Y":30
"Z":10
},

]

我正在尝试将这些值放在堆积图中

enter image description here in this sandbox code, i have tried to take the value of countryRegion from the api, but it appears as undefied in the console. https://codesandbox.io/s/react-chartjs-2-p1gjo