Chart.js plugin to display labels on pie, doughnut and polar area chart. ng-controller = 'DoughnutCtrl' , . Chart.js plugin for doughnut chart to display lines of text in the center. The label is not vertically and horizontally centered within the middle of the donut. I don't know if you noticed, but if you increase the width and reduce it over and over again on your fiddle, the height of your canvas gets bigger and bigger (the chart goes further and further down). Is there a way to achieve it? React-chartjs-2 Doughnut + pie chart (forked) radar-chart. License . My idea was to draw an additional transparent chart on top of the original chart that will be in charge of drawing the labels. Chart.js: How can a line series (out of many) change line color and thickness upon mouse hover? Manage Settings How to change position of labels in Doughnut chart? comes with the following built-in chart types: First, add a link to the providing CDN (Content Delivery Network): Then, add a