Django json_script переменные не обновляются в цикле javascript for loop

В моем проекте django есть цикл for, который итерирует список dicts, содержащий список цен и список дат. Списки цен и дат для каждого товара будут затем использоваться для javascript-графика для каждого отдельного товара.

Проблема в том, что все графы одинаковы. При выводе цен и дат в консоль каждый список цен и дат совпадает с первым элементом в списке элементов.

Почему это происходит?

вывод консоли - (sw0_ _ _ это ID каждого элемента)

enter image description here

html

{% for item in watchlist_items %}

<canvas id="chart_{{item.item_id}}"></canvas>

{{ item.prices|json_script:"prices" }}
{{ item.dates|json_script:"dates" }}
<script>

    var prices = JSON.parse(document.getElementById('dates').textContent);
    var dates = JSON.parse(document.getElementById('prices').textContent);

    var data = [];
    for (let i = 0; i < prices.length; i++) {
        data.push({x:prices[i], y:dates[i]});
    }

    console.log(`chart_{{item.item_id}} - `, "prices:",prices, "dates:", dates)
    
    new Chart(`chart_{{item.item_id}}`, {
        ...
        data: {
            data:data
        }
        ...
    }

</script>

{% endfor %}
Вернуться на верх