Question

尝试将一个数据集堆叠到条形图上..有可能吗？请参阅我的小提琴链接fiddle here，只是想将test 3数据堆叠在一起。我的数据集是这样传递的

var dataSet = '';
var datasets = [];
for (i in label) {
  dataSet = {
    label: label[i],
    data: dataY[i]
  };
 datasets.push(dataSet);
}
var barData = {
 labels: dataX,
 datasets: datasets
};

`

Answer 1

您需要同时在x和y轴上启用stacked option：

var stackedBar = new Chart(document.getElementById('chart'), {
    type: 'bar',
    data: {
      labels: [1,2,3],
      datasets: [{
        label: 'series1',
        backgroundColor: 'red',
        data: [1,2,1],
        stack: 1
      },{
        label: 'series2',
        backgroundColor: 'lightblue',
        data: [1,2,2],
        stack: 2
      },{
        label: 'series3',
        backgroundColor: 'lightgreen',
        data: [2,1,2],
        stack: 2
      }]
    },
    options: {
        scales: {
            xAxes: [{
                stacked: true
            }],
            yAxes: [{
                stacked: true
            }]
        }
    }
});

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
<canvas id="chart"></canvas>

Answer 2

就我搜索过的google而言，似乎不可能使用chart.js来放置堆叠的分组图，而解决方案是使用D3.js

chat，js堆积条形图（将一个数据集堆积）

2 个答案: