typescript - how to increase space between legend and chart in chartjs (ng2charts ) using angular

Question

Hi all I have build a doughnut chart using ng2charts and trying to increase space between legend labels and chart tried many ways it's not working out please let me know if anything I have done wrong

my chart Check Here

things I have tried CSS Override

Answer 1

add padding to the legend labels option. https://stackblitz.com/edit/ng2-charts-demo-example-ub4w5v https://www.chartjs.org/docs/latest/configuration/legend.html#legend-label-configuration