Search code examples
chart.jsreact-chartjs

How to create stacked bar chart using react-chartjs-2?


I have to create stacked bar chart using react-chartjs-2.

options : {
    maintainAspectRatio: false,
    tooltips: {
      mode: 'x-axis'
    },
    scales: {
      yAxes: [{
        ticks: {
          beginAtZero: true
        }
      }],
      xAxes: [{
        stacked: true
      }]
    }
  }

The stacked in Bar doesn't seem to work.

I am using [email protected]


Solution

  •  const options = {
           scales: {
                xAxes: [{
                    stacked: true
                }],
                yAxes: [{
                    stacked: true
                }]
            }
        }
    
        let data ={ 
          datasets:[{
            label: 'test1',
              data :[1]
            },
            {
              label: 'test2',
              data:  [2]   
            }],
          labels:['label']
        }
        
        render(){
          return  <Bar  data={data} options={options} />
        }