Chartjs-Chartjs columns does not appear by value

by

0👍

Check this sandbox:

https://codesandbox.io/s/chartjs-hbjrf

It does work.May be try clearing your cache and then try

0👍

Solution here:

this.chart = new Chart(
    this.canvasContext,
    {
      type: 'bar',
      data: {
        labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
        datasets: [
          {
            label: "Population (millions)",
            backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"],
            data: [2478,5267,734,784,433]
          }
        ]
      },
      options: {
        showScale: true,
        maintainAspectRatio: false,
        responsive: true,
        utoutPercentage: 50,
        animation: {
          animateRotate: true,
          duration: 2000,
          animateScale: true
        },
        scales: {
          xAxes: [
             {
                 stacked: true
             }
           ],
          yAxes: [
             {
                 stacked: true
             }
           ]
         }
      }
    }
  )

Just add 1 more option about scales x and y axes.

Leave a comment