есть идея хранить графики в json-файле вида
{
"1": {
"name": "график1",
"points": [0, 10, 5, 2, 20, 30, 45]
},
"2": {
"name": "график2",
"points": [1, 2, 5, 2, 23, 10, 7]
}
}
не могу понять, как их отобразить на странице. Проблема в том, что в коде ниже canvas еще не создан и сразу всунуть в него график я не могу
$.getJSON('1.json', (data) => {
let out = ''
for (const key in data) {
if (data.hasOwnProperty(key)) {
out += `<div class="card" style="width: 18rem">
<div class="card-body">
${key.name}
</div>
<canvas id = ${key}></canvas>
</div>`
}}
а после создания карточек с canvas не знаю как к ним обратиться и на каждой нарисовать свой график.