Данные, возвращаемые представлением, не распознаются диаграммой Chart.JS

Я возвращаю словарь в моем представлении, который должен использоваться в качестве входных данных для базовой гистограммы Chart.JS.

Однако график не распознает данные.

# .js

const ctx = document.getElementById('balances-chart').getContext('2d');

const data = {
  labels: balances_labels,
  datasets: [{
    label: 'My First Dataset',
    data: balances_values,
    borderWidth: 1
  }]
};

const myChart = new Chart(ctx, {
    type: 'bar',
    data: data,
    options: {
        scales: {
            y: {
                beginAtZero: true
            }
        },
        indexAxis: 'y',
    }
});

# views.py

...

    balances_labels = []
    balances_values = []

    for balance in balances:

        if not balance['asset_type'] == 'native':
            balances_labels.append(balance['asset_code'])
            balances_values.append(balance['balance'])

    context = {
        'dashboard_site': dashboard_site,
        'user': user,
        'cashpool': cashpool,
        'payments': payments,
        'balances_labels': balances_labels,
        'balances_values': balances_values

    }

    return render(request, 'dashboard/dashboard_overview.html', context)

# template

... 
{% block scripts %}
    <script src="https://cdn.jsdelivr.net/npm/chart.js@3.6.0/dist/chart.min.js"></script>
    <script src="{% static 'js/dashboard_overview.js' %}"></script>
{% endblock scripts %}

возвращает

Uncaught ReferenceError: balances_labels is not defined

Есть ли что-то особенное, что нужно учитывать при использовании ChartJS с Django?

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