chart.js - Chartjs v3 与组重叠堆积条形图

Question

我想用使用 chart.js v3 的组创建堆积条形图。我

我的图表输出

我做到了，我得到了以下图像。但是在这里，不是标签1和标签2的总和显示为7000，而是如何从x轴开始将标签1和标签2的交集一起显示为4000。

    type: 'bar',
    data: {
        labels: labelsVals,
        datasets: [
            {
                label: 'Label 1',
                data: seriesValsPaid,
                backgroundColor: 'rgba(21, 169, 225, 0.6)',
                borderColor: 'rgba(21, 169, 225, 1)',
                borderWidth: 1,
                 stack: 'first',

            },
            {
                label: 'Label 2',
                data: seriesValsWaiting,
                backgroundColor: 'rgba(21, 122, 225, 0.6)',
                borderColor: 'rgba(21, 122, 225, 1)',
                borderWidth: 1,
                 stack: 'first',
            },
            {
                label: 'Label 3',
                data: seriesValsOutgoing,
                backgroundColor: 'rgba(255, 0, 0, 0.6)',
                borderColor: 'rgba(255, 0, 0, 1)',
                borderWidth: 1,
                 stack: 'second',
            }
        ]
    },

});

Answer 1

            options: {
            responsive: true,
            maintainAspectRatio: false,
            scales: {
                'bar-x-axis1': {
                    stacked: true,
                    display:false
                },
                'bar-x-axis2': {
                    stacked: true,
                    display:false
                },
                y: {
                    stacked: false,
                    beginAtZero: true
                    // display:false
                }
            }
        }

这就是我解决问题的方法。