Как установить данные в Vuejs Mounted для amcharts?

Я создаю restful API на основе Django. Это дает мне:

{
    "id": 1,
    "date": "2021-08-22",
    "team_name": "Juventus",
    "home_away": "AWAY",
    "name": "Dybala",
    "number": 9,
    "age": 27,
    "shots": 3,
    "SCA": 4,
    "touches": 54,
    "passes": 35
},

Теперь я хочу визуализировать эти данные в виде радарной диаграммы с помощью amCharts. Из примера amCarts хранит данные следующим образом:

var data = [{
"category": "Lithuania", # should be Shots in my case
"value": 501 # 3
}, {
"category": "Czechia", #SCA 
"value": 301
}, 
...
{
"category": "Germany", # etc
"value": 165
}, 
}]

Мой front end на Vue, и я не знаю, как установить данные в формате, который запрашивает amCharts. Могу ли я использовать цикл внутри функции Mounted? Или лучше изменить формат API? Или мне следует изменить модель моего приложения Django?

Вернуться на верх