Chartjs-Chart.js doughnut chart isn't showing tooltip when you hover over the left/right of the doughnut

by

1👍

✅

So the reason this was happening was because I had used an absolutely positioned div to put a number into the middle of the chart.

This div had a width of 100% so was overlaying the middle parts of the chart meaning you couldn’t hover over them. Reducing the width of the div to 60% and setting the ‘left’ value to 20% solved the problem.

Of note if this happens to you you might need to use different values depending on the size of the doughnut.

Leave a comment