Labels outside and invisible at pie chart

[konrad79]

I want to add labels around a pie chart (in Angular 11). But since the circle of the chart is as large that it reaches the "bottom-line" of the canvas, the bottom labels are not visible.
Is there a setting that calculate other, visible positions for the labels? Or how can I shrink the size of the pie to get enough space for the bottom labels?

Typescript code:
plugins: { datalabels: { display: this.showLegend, align: 'end', anchor: 'end', clamp: true, font: { size: 12, weight: 'normal' }, color: '#333', formatter(value, context) { return context.chart.data.labels[context.dataIndex]; }, } }