在Stacked Bar中填充barChartData以获取json-Angular 2

时间:2018-05-01 10:32:48

标签: angular typescript chart.js

我只有一个Json喜欢



[
    {
        "BugStatus": "Closed",
        "BugsSeverities": [
            {
                "Severity": "Blocking",
                "Count": 2
            },
            {
                "Severity": "Major Inconvenience",
                "Count": 3
            }
        ]
    },
    {
        "BugStatus": "Needs Verification",
        "BugsSeverities": [
            {
                "Severity": "Blocking",
                "Count": 1
            },
            {
                "Severity": "Major Inconvenience",
                "Count": 1
            }
        ]
    }
]




我想在堆积条上显示这些结果,其中x轴标签应该是BugStatus名称,y轴条应该包含BugsSeverities中存在的总数。条形应该是每个BugSeverities Count的组合,即( 2 + 3)表示已关闭标签。 我使用chart.js来实现条形图,而iam无法实现堆积条。 我想使用此代码实现堆叠条,但我无法填写' barChartData'

 <div style="display: block" *ngIf="barChartData.length > 0" class="canvas">
      <canvas baseChart
              [title]="title"
              [datasets] = "barChartData"
              [labels]="barChartLabels"
              [options]="barChartOptions"
              [legend]="barChartLegend"
              [chartType]="barChartType"
              (chartHover)="chartHovered($event)"
              (chartClick)="chartClicked($event)"></canvas>
    </div>

需要填写 barChartData ......的建议......)

0 个答案:

没有答案