Я пытаюсь создать приборную панель, которая будет отображать диаграмму (ng2-charts)
с Open, In Progress & closed
проблемами.
Я получаю данные от звонка в сервис.Ниже приведен мой код.
Из ответа я разделяю проблемы Open, In Progress & closed
и нажимаю openIssue = [], inProgressIssue = [], closedIssue = []
соответственно.
subscribe((response) => {
// get open completed and In progress issues
const issuesNotCompletedInCurrentSprint = response.contents.issuesNotCompletedInCurrentSprint;
const completedIssues = response.contents.completedIssues.length;
const openIssue = [];
const inProgressIssue = [];
const closedIssue = [];
// Filtering closed issues
this.closedIssue.push(completedIssues);
// filter out open/inProgress issue from responce
issuesNotCompletedInCurrentSprint.filter((item) => {
if (item.statusId === '1') {
openIssue.push(item);
} else if (item.statusId === '3') {
inProgressIssue.push(item);
}
});
// Conunt issues
this.totalOpenIssue.push(openIssue.length);
this.totalInprogressIssue.push(inProgressIssue.length);
Моя проблема основана на приведенных выше выводахМне нужно создать данные диаграммы, которые выглядят следующим образом.
barChartData:any[] = [
{data: [65, 59, 80, 81, 56, 55, 40], label: 'Open'},
{data: [28, 48, 40, 19, 86, 27, 90], label: 'In Progress'},
{data: [28, 48, 40, 19, 86, 27, 90], label: 'Closed'}
];
Я пробовал это, но он рисует диаграмму с неверными данными.Не уверен, что здесь не так, пожалуйста, помогите мне с лучшей практикой.
[
{ data: this.totalOpenIssue, label: 'Open' },
{ data: this.totalInprogressIssue, label: 'InProgress' },
{ data: this.closedIssue, label: 'Completed' }
]