How to Create Doughnut Chart with Labels Outside with Connecting Line in Chart js

Can you post a link to your code please?

why when I select a legend to hide the dataset (checked that the condition hiddenIndices is satisfied to hide the line and text), when I turn the legend back on, it doesn't show up again?

Nice.
I have a little issue, in my doughnut chart.
I have a lot of data and little slices, the label outside overlaps each other, how can avoid overlapping?

thankyou

HI this was a nice way and I have implemented this and worked but in my page I am destroying the chart and rebuilding again . When this happens the font of the text shown is becoming bolder . How to solve this ??

Thank you very much learned much, thanks for explaining it so well and taking the time to make these videos. I Appreciate it, thx.

In my dashboard I need multiple charts in the same page with different values. How can I do it?

life saver

Would you mind to publish this plugin as an npm package?

Hey... Could you please help me on how to use this technique with ng2 charts in angular 15? Is there any work around for that?

Thank you for the video. It's great help.
I have a question though - when the slices of the Chart are small, the labels are overlapping with each other. How to fix this?

Excellent tutorial! thanks. But how do I show the data in percentage instead of the label?

Thank you very much the way you explain step by step and very simple to understand.
I am facing issue in this. When the data points have big difference like: data: [3, 2, 1, 100, 105] then labels are overlapping.
Please provide some solution.
Thanks

Thank you for the video. It's of great help.
I have a question though - when the slices of the Chart are small, the labels are overlapping with each other. How to fix this? Kindly respond.

Awesome, wonderful ... no words!!. Excelent explained!

Nice video man!!! I want to ask how can I get the lines to start from the centre but on top of each slice, right now it starts at the centre but from inside each slice, thanks!!

Well, when i use pie, the tooltip far from the side, how can i change the position of tooltip (Side Pie)

When there is small and very large datasets labels overlapp, what is the solution for that

Is it possible to do the same to chartjs 2.9.4?

Holy shit dude, thanks so much.

Thank you for the video, but i wanna know how to Create PIE Chart with Labels Outside with Connecting line

So one thing I can't figure out is why your x and y tooltip coordinates aren't influenced by your chart padding. Or maybe it really is. If you were to set the padding to chart width / 2, wouldn't all your calculations be off by padding x value? The tooltip coordinates are calculated from canvas edges not the chart edges.

Nice Video and really great content. Question, how can I make the same thing but with the datalabels inside each slice in piechart for example?, like when you have percentage datalabels inside each slice. Thanks!

i do not get the data while console.log(chart.data.datasets)...anyone have the solution

THANK YOU !!!

how can I do this with chart js (2.9.3) - ng2 chart(2.3.2)?

Really great tutorial ✅✅

Thank you for this❤

nice explanation , THANKS A LOT. 🙃🙃.

Hey, how to create multiple labels that not depends from numbers of data. For example like speedometer? is it possible to arrange the elements in that way?

How can we achieve same in piechart. Thanks

does it work with react typescript?

WOW! Very appreciate! You helped me and safe my time!

Great video friend, I would like you to explain in video how to make a chart that automatically updates with data in json...thanks great video