javascript - 重叠的 chart.js 堆叠图

Question

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

例如:stackgraph

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

有没有办法真正让它们像那样重叠，而不仅仅是总数为 100？

Answer 1

您必须将这些参数添加到您的代码中 - 为 X 轴启用堆叠并为 Y 轴禁用它:

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