Я использую кольцевую диаграмму из чарджиса, и в центре этого холста я заполняю две строки текста. Они хорошо отображаются после начальной анимации, но когда я наведу курсор на пончик, появляется подсказка для соответствующего элемента (что ожидается), но текст заливки исчезает. Любая причина, почему это может происходить и как я могу это исправить?

вот код, который я использую для генерации текста на холсте

var pieChart = document.getElementById("pieChart").getContext("2d");
new Chart(pieChart).Doughnut(pieData, {percentageInnerCutout : 80, animationEasing: "easeOutQuart", onAnimationComplete: function() {
        pieChart.fillStyle = 'black'
        pieChart.font = "50px Roboto";
        pieChart.textAlign = "center";
        pieChart.fillText(distributionChartData[3]+" %", 135, 120);
        pieChart.font = "20px Roboto";
        pieChart.fillText((distributionChartData[0]+distributionChartData[1]+distributionChartData[2])+" Responses", 135, 160);
    }
});

Вот изображение графика после начальной загрузки

это изображение после наведения