You made me so happy with this video I literally cried tears of joy when I finally understood the gimmick behind the idea, thank you SO much, I do mean this
Thankyou for making this video, their is another thing to the same I need multiple labels in place of single label. Can this also be configured in the same
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.
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?
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
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 ??
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!!
Hi Vinicius, thank you for your question. I have created an answer video covering you question here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-7KBwz1pcQsw.html More videos within range of this topic will be added soon as there are still other parts that need to be covered. However this will give you a decent start.
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?
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?
@@ChartJS-tutorials Thanks! but this will not work.. please try to make a video using data 96.5, .5, .5, .5, .5, 1.5 if will use this type of data then the arrow points and label text would be overlapping. is there any solution for that.
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 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!
Hi Mauricio, thank you for your question. I though I responded to this but notice the comment is not showing. This video would be helpful which is a plugin that can show values or percentages. Which is a nice plugin to use: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-xpN394MAhPA.html
Hi Juliana, thank you for your question. Just convert the chart type from "doughnut" to "pie". These chart types are essentially the same expect one has the cutout set on 50 while the pie chart has it set on 0.
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.
When we use the chart.getDatasetMeta we are able to extract the exact coordinates of where the tooltip is positioned. This is being recalculated as well. However, in this case we remove legend and all other items that would impact the position. And the layout padding is set on equal to all. If there would be a legend at the top you can assign top in chartArea. But if you struggle with your item, let me know where you struggle and I will try to explore it.
Hi SkyZane, thank you for your question. Looking at the video I realize I forgot to connect this. Officially textWidth would get the width of the text label and should been used. You can comment those out so see if would be impacted. I did not see anything that was connected so it should be no problem. As I used an alternative way by adding 5 px. These kind of mistakes tend to happen to me sometimes due to so called tunnel vision. Being so focus on what I need to code next I sometimes do not notice my mistakes.
Hi Sahil, thank you for your question. The canvas code is universal as it is based on canvas API which JavaScript supports. However, I do not know of all the objects that are used are identical. That is a part you need to research.
Hi Saml, thank you for your question. In Chart.js Doughnut and Pie chart have same structure. So you can use for both. Just insert type 'pie' instead of 'doughnut'. And you are good to go.
Thank you for your question. Do you want to place multiple charts side by side like this: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-cxf_GEiryoc.html