Попытка отобразить метки диаграммы из массива - PullRequest
Новая
       34

Попытка отобразить метки диаграммы из массива

0 голосов
/ 26 апреля 2020

Я работаю над небольшим приложением для отображения гистограммы с накоплением. Я хочу иметь возможность динамически вытягивать метки (легенду) через массив. Я добавил массив, но диаграмма не отображает их должным образом.

Может кто-нибудь посоветовать мне лучший способ добиться того, чего я хочу? Я использую API отдыха, который возвращает ответ JSON, если это поможет. У меня есть данные, извлеченные в массив, и некоторые данные отображаются на диаграммах, но не надписи наверху.

Это холст для диаграммы 

<canvas baseChart
 [datasets]="barChartData"
 [labels]="barChartLabels"
 [options]="barChartOptions"
 [plugins]="barChartPlugins"
 [legend]="barChartLegend"
 [chartType]="barChartType">
</canvas>

И это файл TS, который я настроил для pu sh данных на график 

// Product Name Array
productLabels = ['Cheese', 'Milk', 'Bread'];
// 6 month period using moment
public barChartLabels: Label[] = [
 moment().subtract(6, 'months').format('MMM').toString(),
 moment().subtract(5, 'months').format('MMM').toString(),
 moment().subtract(4, 'months').format('MMM').toString(),
 moment().subtract(3, 'months').format('MMM').toString(),
 moment().subtract(2, 'months').format('MMM').toString(),
 moment().subtract(1, 'months').format('MMM').toString()
];
public barChartType: ChartType = 'bar';
public barChartLegend = true;
public barChartPlugins = [];
public barChartOptions: ChartOptions = {
 responsive: true,
 scales: {}
};
// Chart Data
public barChartData: ChartDataSets[] = [
 {data: [65, 59, 80, 81, 56, 55], label: this.productLabels, stack: 'a'},
];
...