Chart.js 图表Js具有多个级别或类别的堆叠条形图

Chart.js 图表Js具有多个级别或类别的堆叠条形图,chart.js,stacked-chart,ng2-charts,Chart.js,Stacked Chart,Ng2 Charts,我正在尝试在ng2图表中创建一个具有多个标签的图表,例如,x access将具有所有月份的类别,上面的类别将分解为每周,然后条形部分将是雨天、干燥天和雪天 我在这里找到了他们的文档,并让他们的示例发挥作用,但需要在此基础上进行扩展以添加另一个级别,这可能吗?以下是我能够理解的内容。此代码将允许创建x轴上有3个类别的图表,每个类别分为4个类别。这还不是完整的代码集,但希望能给其他人一个主意,如果他们被卡住了,如何继续 <canvas baseChart *ngIf="!load

我正在尝试在ng2图表中创建一个具有多个标签的图表,例如,x access将具有所有月份的类别,上面的类别将分解为每周,然后条形部分将是雨天、干燥天和雪天


我在这里找到了他们的文档,并让他们的示例发挥作用,但需要在此基础上进行扩展以添加另一个级别,这可能吗?

以下是我能够理解的内容。此代码将允许创建x轴上有3个类别的图表,每个类别分为4个类别。这还不是完整的代码集,但希望能给其他人一个主意,如果他们被卡住了,如何继续

<canvas baseChart
  *ngIf="!loading"
  [datasets]="myChartData.chartData"
  [options]="barChartOptions"
  [legend]="barChartLegend"
  [chartType]="barChartType"
>
</canvas>
这是api返回的模型:

从“chart.js”导入{ChartData};
导出类myChartData{
图表数据:数组;
rankxaxis标签:数组;
NAMCX标签:数组;
标题:字符串;
}
最后,这是api正在构建的chartData数组的格式:

[
{
“数据”:[1,0,9,0,4,0,5,8,0,0,0,0],
“标签”:“第一部分酒吧”,
“堆栈”:“数据堆栈”,
“背景色”:“红色”,
“hoverBackgroundColor”:“红色”,
“xAxisID”:“xAxis1”
},
{
“数据”:[1,0,8,0,5,0,0,0,0,0,6,7],
“标签”:“酒吧的第二部分”,
“堆栈”:“数据堆栈”,
“背景色”:“蓝色”,
“hoverBackgroundColor”:“蓝色”,
“xAxisID”:“xAxis1”
},
{
“数据”:[4,0,2,0,1,0,0,0,12,14,16,0],
“标签”:“堆栈的第三部分”,
“堆栈”:“数据堆栈”,
“背景色”:“绿色”,
“hoverBackgroundColor”:“绿色”,
“xAxisID”:“xAxis1”
}
]

将所有要堆叠的
数据集的
堆栈
选项设置为相同的值。检查示例中的“设置”选项卡linked@MatthiasSchmidt谢谢,这很有道理,你知道他们是否有办法显示堆叠的标签吗?