Javascript chart.js中具有不同堆栈值的堆叠条形图

我想创建一个堆栈图，如下所示：

注意：每个堆栈具有不同的值

是否可以使用图表js？如果是，我的数据应该是什么样子

我试过这个：

var data = {
    labels: ["2018", "2019"], //Want "value 1,2,3 for 2018 and value 4,5,6 for 2019"
    datasets: [
        {
            label: "Harpo",
            fillColor: "blue",
            data: []  // What should i use here 
        },
        {
            label: "Chico",
            fillColor: "red",
            data: []  // What should i use here
        }
    ]
};

但这不是我想要的

---

如果您有任何帮助，我们将不胜感激。

要获得一个3条的堆栈，
您将需要3个

数据集

要使用不同的颜色，请使用

backgroundColor

的数组

请参阅以下工作片段

$（文档）.ready（函数（）{
新图表（document.getElementById（“myChart”）.getContext（“2d”）{
输入：“酒吧”，
数据：{
标签：[“2018”、“2019”]，
数据集：[
{
背景颜色：[“#673AB7”和“#90A4AE”]，
fillColor:#000000“，
数据：[1,4]
},
{
背景颜色：[“#E1BEE7”和“#0D47A1”]，
数据：[2,5]
},
{
背景颜色：[“BA68C8”，“455A64”]，
数据：[3,6]
}
]
},
选项：{
图例：{
显示：假
},
比例：{
xAxes：[{
是的
}],
雅克斯：[{
是的
}],
}
}
});
});
你到底是怎么画这个例子的graph@user2985842--请用投票按钮附近的复选标记将答案标记为已接受，好吗？这将允许我将其他问题标记为此问题的副本。。。