Doughnut chart legends issue in chart.js

[hetal-joshi-123]

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

[ShambhavII-Singh]

Hi can this issue be assigned to me? I would like to work on this.