[Solved]-Place tooltip on the outer side of the doughnut chart-Chart.js

Check This link

I added

tooltips: {
        callbacks: {
            labelColor: function(tooltipItem, chart) {
                return {
                    borderColor: 'rgb(255, 0, 0)',
                    backgroundColor: 'rgb(255, 0, 0)'
                };
            },
            labelTextColor: function(tooltipItem, chart) {
                return '#543453';
            }
        }
    }

and it made some changes to the tooltip.

Edit:

Add style="z-index:10000" to canvas for a quick hack