chart.js重叠的堆叠图

Question

我正在创建一个堆叠的条形图，但我不仅需要将两个值加在一起并显示它，还需要它。

例如：stackgraph

该图应显示“目标”百分比和实际百分比。因此，如果该列的目标值是70，而实际值是30，则它将显示实际数字的颜色（从0到30），然后从30-70继续显示目标颜色。

无论如何，实际上是否会有这样的重叠，而不仅仅是总计100个？

Answer 1

您必须将以下参数添加到代码中-为X启用堆栈，为Y轴禁用堆栈：

  xAxes: [{ stacked: true }],
  yAxes: [{
    stacked: false,
    ticks: {
      beginAtZero: true,
    },
  }]

Answer 2

没关系，我找到了答案。

options: {
              scales: {
                xAxes: [{ stacked: true }],
                yAxes: [{
                        ticks: {
                            beginAtZero:true
                        },
                        stacked: false
                }]
              }
            }

您只需要将堆叠的xAxes设置为true，将yAxes设置为false