如何使用react-chartjs-2创建堆积条形图?

时间:2017-05-26 09:32:14

标签: chart.js react-chartjs

我必须使用react-chartjs-2创建堆积条形图。

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

堆放在酒吧似乎不起作用。

我正在使用chartjs@2.4.0

2 个答案:

答案 0 :(得分:4)



stdin




答案 1 :(得分:1)

stack选项添加到数据集中。

const data = {
  labels: ['a', 'b', 'c', 'd', 'e'],
  datasets: [
    {
      stack: 'stack1'
      label: 'data1',
      data: [1, 2, 3, 4, 5]
    },
    {
      stack: 'stack1',
      label: 'data2',
      data: [5, 4, 3, 2, 1]   
    }
  ]
}