chart.js重叠的堆积图

Question

我正在创建一个堆积条形图，但我需要它不只是将两个视图一起添加并显示它。

例如：stackgraph

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

实际上是否存在这样的重叠，而不仅仅是总数为100？

Answer 1

没关系，我找到了答案。

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

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

Answer 2

您必须将这些参数添加到y轴：

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

Answer 3

scales: {
  xAxes: [{
      stacked: true
  }],
  yAxes: [{
      stacked: false,
      ticks:{
          suggestedMax:50,
          suggestedMin:1,
          beginAtZero:true,
          max:100,
          autoSkip:true,
          lineHeight:2
      }
  }]
}