Баар-диаграмма CHARTJS не отображается
У меня есть этот код js для гистограммы, и я использую данные python для оси y, это мой код js:
<div class="btcprices-chart">
<canvas id="myChart3"></canvas>
<script>
var ctx = document.getElementById('myChart3').getContext('2d');
var chart = new Chart(ctx, {
// The type of chart we want to create
type: 'bar',
// The data for our dataset
data: {
labels: ["day1", "day2", "day3", "day4"],
datasets: [{
label: 'bitcoin brices per day',
backgroundColor: 'rgb(66, 103, 178, 0.6)',
borderColor: 'rgb(75, 79, 220))',
borderWidth: 2,
data: {{ btcprices|safe }}
}]
},
// Configuration options go here
options: {
title: {
display: true,
text: 'bitcoin brices per day'
}
}
});
</script>
</div>
У меня есть другая диаграмма, но с другими значениями данных: data =[626830186, 1055315163, 64138356, 314568549] и для этой диаграммы btcprices=[59014, 57922, 58243, 58376] (это то, что отображается в консоли после запуска сервера, потому что у меня есть pprint (данные) и печать (btcprices) в моем views.py)
в данных: {{btcprices|safe}}, он работает, когда я заменяю его на {{data [safe}}, но когда я вставляю данные:
{{ btcprices|safe }}
он показывает это:странный вывод гистограммы
ps: когда я вызываю 2 переменные data и btcprices в th html просто для того, чтобы распечатать их на веб-странице, например: {{data}} и {{btcprices}} отображаются только данные !!!! это, кстати, мой views.py:
context = {
"data": data,
"btcprices": btcprices,
}
return render(request, "index.html", context)