#angular #chart.js
#угловой #chart.js
Вопрос:
У меня есть 3 набора данных, и в настоящее время я пишу 2. Данные-это количество, дата и тип.
В данный момент я пишу дату и количество, но я хочу задать для каждого столбца строки тип, который они получают в моем sql (я получаю все данные из api).
Это мой код:
drawChart() { if (this.chartid gt; 0) { this.chart.destroy(); } console.log(this.data) Chart.register(...registerables); this.chart = new Chart(this.chartRef.nativeElement, { type: 'bar', data: { labels: this.date, datasets: [ { label: ('number of delivers: '), data: this.count, backgroundColor: '#b30f14', } ] }, options: { maintainAspectRatio: false, plugins: { title: { display: true, text: itt('title : '), padding: { top: 10, bottom: 30 }, font: { size: 20 } }, legend: { labels: { font: { size: 20 } }, display: false, } }, scales: { y: { beginAtZero: true, ticks: { font: { size: 15 }, stepSize: 1, } }, x: { ticks: { font: { size: 15 } } }, } } }); this.chartid ; this.chart.update(); } Диаграмма:
Таким образом, первый столбец будет синим и типом 1, второй может быть типом 4 (независимо от того, что он получает от api) и зеленым, и так далее…