Javascript chart.js重叠的堆叠图形

Javascript chart.js重叠的堆叠图形,javascript,chart.js,chart.js2,Javascript,Chart.js,Chart.js2,我正在创建一个堆叠条形图,但我需要它不仅仅是将两个值相加并显示 例如: 这个图表应该显示“目标”百分比和实际百分比。 因此,如果该列的目标值为70,实际值为30,它将显示0-30之间的实际数字的颜色,然后继续从30-70的目标颜色 是否真的有这样的重叠,而不仅仅是总数达到100?没关系,我找到了答案 options: { scales: { xAxes: [{ stacked: true }], yAxe

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

例如:

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


是否真的有这样的重叠,而不仅仅是总数达到100?

没关系,我找到了答案

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

只需将堆叠的X轴设置为true,将Y轴设置为false,就可以将这些参数添加到代码中-为X轴启用堆叠,为Y轴禁用堆叠:

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

类似于?如果你是从我发表的评论中得到这个答案的,请接受我的答案。我没有,但既然你先得到了答案,我就接受了