[Solved]-canvas fill text vanishes when hovering over chartjs pie chart-Chart.js

actually you can do this with a simple extension of the chart type you are using and moving your draw code to inside the draw override

preview

code

chart.types.doughnut.extend({
    name: "doughnutalt",
    draw: function () {
        chart.types.doughnut.prototype.draw.apply(this, arguments);

        this.chart.ctx.textbaseline = "middle";
        this.chart.ctx.fillstyle = 'black'
        this.chart.ctx.font = "50px roboto";
        this.chart.ctx.textalign = "center";
        this.chart.ctx.filltext(distributionchartdata[3] + " %", 135, 120);
        this.chart.ctx.font = "20px roboto";
        this.chart.ctx.filltext((distributionchartdata[0] + distributionchartdata[1] + distributionchartdata[2]) + " responses", 135, 160);
    }
});

var piechart = document.getelementbyid("piechart").getcontext("2d");
new chart(piechart).doughnutalt(piedata, {
    percentageinnercutout: 80, animationeasing: "easeoutquart"
});

fiddle - http://jsfiddle.net/p979zylj/