Doughnut chart legends issue in chart.js

### Expected behavior

Doughnut chart should display data like in the mentioned image.


### Current behavior


Doughnut chart is displaying data like above in image if it has more than 3-4 legends.

If anyone has solution for it, it would be really helpful.

Thanks.

### Reproducible sample

this.chart0 = new Chart(ctx1, { type: this.shadow ? 'doughnutWithShadow' : 'doughnut', data: data, options: options, plugins: [this.chartService.centerTextPlugin] });

### Optional extra steps/info to reproduce

_No response_

### Possible solution

_No response_

### Context

_No response_

### chart.js version

2.9.3

### Browser name and version

Chrome

### Link to your project

_No response_