Отображение пустого графика с помощью chart.js - PullRequest
0 голосов
/ 23 сентября 2019

Отображение пустого графика. Я использую django 2.2 и chart.js.Есть ли кто-нибудь, кто может мне помочь.Я могу видеть данные в console.log, но не в графике.Я работаю, чтобы решить эту проблему из часов.Или вы можете предложить другую библиотеку для выполнения той же задачи

views.py

class secondapi(APIView):
    authentication_classes = []
    permission_classes = []

    def get(self, request, format=None):
        newlabels = ['black', 'Red', 'Blue', 'Yellow', 'Green', 'Purple'],
        newdata =  [111, 22, 21 , 113, 14, 15],
        data = {'newlabels':newlabels, 'newdata':newdata, }
        return Response(data)

html page

<div class="container-fluid w-50 h-50 float-left">
  <canvas id="myChart"></canvas> 
  </div>




<script>
var endpoint = '/api/chart/data/'
var newlabels = [] 
var newdata = []; 


$.ajax({     
    method: 'GET',
    url: endpoint,
    success : function(i){
      newlabels = i.newlabels
      newdata = i.newdata
      console.log(newdata) // working in console

      var ctx = document.getElementById('myChart');
      var myChart = new Chart(ctx, {
        type: 'bar',
        data: {
            labels: newlabels, // CHANGED 
            datasets: [{
                label: '# of Votes',
                data: newdata,  // CHANGED
            }]

          }
      })

    },  // FIRST ONE 
  error : function(error_data){
        console.log('error')
        console.log(error_data)} 

  })
</script>

Получение этого результата

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...