Add text inside the donut chart

[myshinjio]

Now i can add text in plotOptions function its will show on click But i can't custom my text inside donut chart.

[junedchhipa]

What have you tried? And what result do you expect?

[haizad]

See Donut Labels https://apexcharts.com/docs/chart-types/pie-donut/

The expected result might be as follows:

[hernanramirez]

Try:

`let options = { series: [44, 55, 41, 60], labels: ["Transport", "Shopping", "Energy use", "Food"], chart: { type: 'donut', }, plotOptions: { pie: { donut: { labels: { show: true, total: { show: true, label: '', formatter: () => 'Text you want' } } } } } };

const chart = new ApexCharts(document.querySelector("#chart"), options); chart.render();`

[chhavientrar]

thanks