如何使用react-chartjs-2創建堆疊條形圖？

Question

我必須使用react-chartjs-2創建堆積條形圖。

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

堆疊在酒吧似乎並沒有工作。

我使用chartjs@2.4.0

Answer 1

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} /> 
 
    }