Баар-диаграмма 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)

0 ответов

Другие вопросы по тегам