Using chart.js version 3, How do create Custom Labels with Links?

Question

I'm using Charts JS and I'd like to create some custom Labels on a Stacked Bar Chart. I'm trying to recreate this following chart:

How do I create custom labels as circled in Red above? I'd like to link to other pages with these labels. Actually the bolded text would link to one page and the normal text would link to another page.

Also How would you label each bar in a way that the values drop down off the bar when there is not enough room to display it on the bar? See the "4%" or "6%" on the right side of the graph.

I also want to know how to put a margin spacing between each stacked bar. See the vertical white space between each bar on the image above.

Any help with the issues above would be greatly appreciated. Thanks.

Answer 1

I ended up creating my own chart using div and widths. Sometime you have more control over look and feel if you build it your self.