Блог

Главная - Вопросы по программированию - Угловой : Как настроить метки гистограмм на холсте?

Угловой : Как настроить метки гистограмм на холсте?

#angular #canvas

Вопрос:

Я попробовал короткое имя внизу и полное имя на этикетке

Снимок Экрана

Это представление canvas .html

 lt;canvas baseChart  [datasets]="chartDataSet"  [labels]="shortName"  [chartType]="chartType"  [options]="options"  [colors]="chartColors"  gt;  lt;/canvasgt;

ценности

 chartType = 'bar';  chartColors = [  {backgroundColor: "#4CAF50"},{backgroundColor: "#A9D18E"},{backgroundColor: "#F48E95"},   {backgroundColor: "#FCC400"}, {backgroundColor: "#FF5252"},{ backgroundColor: "#FFEB3B"}  ];  shortName = ['HOD', 'CEO'];  fullName = ['Head of Department', 'Chief Executive Officer'];  chartDataSet = [ {data: [1, 4], label: 'Closed', stack: 'a'} {data: [5, 7], label: 'Not Due', stack: 'a'} {data: [6, 8], label: 'Target Date Revised', stack: 'a'} {data: [9, 4], label: 'Due', stack: 'a'} {data: [2, 5], label: 'Overdue', stack: 'a'} {data: [1, 7], label: 'Under IA Review', stack: 'a'} ];  options = {  responsive: true,  scales: {xAxes: [{}], yAxes: [{}]},  plugins: {  datalabels: {  anchor: 'end',  align: 'end',  }  }

Как мы можем использовать короткое имя в пути x и полное имя во всплывающей подсказке?

Метки: