Данные, возвращаемые представлением, не распознаются диаграммой 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?