How should we add fillText properly?

I’m trying to configure some fillText on the canvas, but I’m getting some undesired behavior.

Things I’ve tried thus far:

Initializing my progress ring, and directly after setting the fillText.

$('#ring').circleProgress({ ..... });
$("canvas")[0].getContext("2d").fillText("Test", 50, 50);

This approach results in no text being displayed.

Attaching a listener to circle-inited, and setting the text there.

$("#ring").on("circle-inited", function() {
   $("canvas")[0].getContext("2d").fillText("Test", 50, 50);
});
$('#ring').circleProgress({ ..... });

I also tried attaching to circle-animation-end just to see if that would make a difference, but no dice.

The only thing that seems to work is attaching to circle-animation-progress, but that obviously isn’t the approach I want to take.

I have console outputs to verify that my event listeners are getting called. Is there something else I should be doing to get this working properly?

Thanks

[kottenator]

I hope I’ve helped you. I’m closing this ticket, but feel free to reopen.

[mweisspt]

Well I said that because it was working, but drawing multiple strings. Your way provides the proper way to use that route, so it’s certainly viable.