Я использовал свой проект угловой 6 для Chart.js
графики работают хорошо, но я хочу знать, как правильно спрятать в этом doughnutChartLabels, и я пытаюсь сделать это legend: {display: false}
но это не работает, кто-нибудь знает, как это правильно сделать
.html
<canvas baseChart
[data] = "doughnutChartData"
[labels] = "doughnutChartLabels"
[options] = "doughnutOptions"
[chartType] = "doughnutChartType"
(chartHover) = "chartHovered($event)"
(chartClick) = "chartClicked($event)"></canvas>
</div>
.ts
// Doughnut chart
public doughnutChartLabels:string[] = ['Download Sales', 'In-Store Sales', 'Mail-Order Sales'];
public doughnutChartData:number[] = [350, 450, 100];
public doughnutChartType:string = 'doughnut';
responsive: true;
public doughnutOptions: { percentageInnerCutout: 70 , legend: {display: false}
}// make doughnut chart slim
// events
public chartClicked(e:any):void {
console.info(e);
}
public chartHovered(e:any):void {
console.info(e);
}
}
Спасибо





Я исправил свою проблему,
Я использовал этот [legend] = "doughnutChartLegend"
.html
<canvas baseChart
[data] = "doughnutChartData" [labels] = "doughnutChartLabels"
[options] = "doughnutChartOptions" [legend] = "doughnutChartLegend"
[chartType] = "doughnutChartType"
[colors] = "[{backgroundColor: ['rgb(116, 90, 242)', 'rgb(30, 136, 229)', '#06d79c', 'rgb(236, 239, 241)']}]"
(chartHover) = "chartHovered($event)"
(chartClick) = "chartClicked($event)"></canvas>
.ts
// Doughnut
public doughnutChartLabels: string[] = [
'Total',
'Vacant Dirty',
];
public doughnutChartOptions: any = {
borderWidth: 2,
maintainAspectRatio: true,
cutoutPercentage: 55,
};
responsive: true;
public doughnutChartData: number[] = [51, 1];
public doughnutChartType: string = 'doughnut';
public doughnutChartLegend: boolean = false;