Chart.js Chartjs v2.0：堆叠条形图

我需要一张这样的图表：

我发现它使用的是旧版本的

ChartJs

。我尝试使用v2.0，但我不明白

---

是否有人可以发布一个示例？

对于v2.1.x，您可以使用

堆叠的
选项来实现这一点

...
options: {
    scales:{
        xAxes: [{
            stacked: true
        }],
        yAxes: [{
        stacked: true
        }]
    }
}
...


堆栈片段


var配置={
类型：'bar'，
数据：{
标签：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”]，
数据集：[{
键入：“行”，
标签：“数据集2”，
数据：[65，-10，-80，-81，-56，-85,40]，
边框颜色：“黑色”，
填充：假
}, {
类型：'bar'，
标签：“数据集1”，
背景颜色：“红色”，
数据：[65,0,80,81,56,85,40]，
}, {
类型：'bar'，
标签：“数据集3”，
背景颜色：“蓝色”，
数据：[-65,0，-80，-81，-56，-85，-40]
}]
},
选项：{
比例：{
xAxes：[{
是的
}],
雅克斯：[{
是的
}]
}
}
};
var ctx=document.getElementById（“myChart”）.getContext（“2d”）；
新图表（ctx，配置）
在不断地摆弄之后，我终于让它开始工作了，下面是一个示例。有人请更新文档


var ctx=document.getElementById（“myChart”）；
var myChart=新图表（ctx{
类型：'bar'，
数据：{
标签：[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”]，
数据集：[{
标签：“#投票数1”，
数据：[10,19,3,5,2,3]，
背景颜色：[
"rgba(255,99,132,0.2)",，
"rgba(255,99,132,0.2)",，
"rgba(255,99,132,0.2)",，
"rgba(255,99,132,0.2)",，
"rgba(255,99,132,0.2)",，
'rgba（255,99,132,0.2）'
],
边框颜色：[
"rgba(255,99132,1)",，
"rgba(255,99132,1)",，
"rgba(255,99132,1)",，
"rgba(255,99132,1)",，
"rgba(255,99132,1)",，
'rgba（255,99132,1）'
],
边框宽度：2
},
{
标签：“#投票数2”，
数据：[15,19,3,5,2,3]，
背景颜色：[
"rgba(255,159,64,0.2)",，
"rgba(255,159,64,0.2)",，
"rgba(255,159,64,0.2)",，
"rgba(255,159,64,0.2)",，
"rgba(255,159,64,0.2)",，
‘rgba（255、159、64、0.2）’
],
边框颜色：[
"rgba(255,159,64,1)",，
"rgba(255,159,64,1)",，
"rgba(255,159,64,1)",，
"rgba(255,159,64,1)",，
"rgba(255,159,64,1)",，
‘rgba（255、159、64、1）’
],
边框宽度：2
}
]
},
选项：{
比例：{
雅克斯：[{
对,，
滴答声：{
贝吉纳泽罗：是的
}
}],
xAxes：[{
对,，
滴答声：{
贝吉纳泽罗：是的
}
}]
}
}
});
只需确保为
xAxis
和
yAxis
提供一个对象数组，而不仅仅是一个对象

"options": {
    "scales": {
        "xAxes": [
            {
                "stacked": true
            }
        ],
        "yAxes": [
            {
                "stacked": true
            }
        ]
    }
}

谢谢，我还找到了项目示例：哇，谢谢。这个ticks:beginAtZero:true让它对我有效嘿，我在代码中尝试了堆叠条形图，然后甚至使用了与您相同的代码，但我看不到顶部的标签（投票1，#投票2）。当我在栏上悬停时，我只看到那些标签。你知道为什么会发生这种事吗？