Отображение пустого графика. Я использую 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>
Получение этого результата