Chartjs-Unable to see pie chart in template using django and chart js

by

0👍

You are putting your data in arrays in your views.py but then also make it an array in your new Chart, this 2D array is not being liked by chart.js, changing your new Chart to this should fix the issue:

new Chart(ctx, {
  type: 'pie',
  data: {
    labels: data.labels, // Remove double array
    datasets: [{
      label: 'Companies in Particular Section',
      data: data.data, // Remove double array
      backgroundColor: [
        'rgba(255, 99, 132, 0.2)',
        'rgba(54, 162, 235, 0.2)',
        'rgba(255, 206, 86, 0.2)',
        'rgba(75, 192, 192, 0.2)',
        'rgba(153, 102, 255, 0.2)',
        'rgba(255, 159, 64, 0.2)'
      ],
      borderColor: [
        'rgba(255, 99, 132, 1)',
        'rgba(54, 162, 235, 1)',
        'rgba(255, 206, 86, 1)',
        'rgba(75, 192, 192, 1)',
        'rgba(153, 102, 255, 1)',
        'rgba(255, 159, 64, 1)'
      ],
      borderWidth: 1
    }]
  },
  options: {
  }
});

On a side note, the pie chart does not have a y scale so you will get ugly lines behind your pie if you keep it in your options, removing it will make your chart look a lot better

Leave a comment