ZingChart: HTML tooltips

HTML tooltips allow you to use more customizable tooltips! Any regular html element can be added via this method and furthermore inline CSS styling can also be applied. The best part is, HTML tooltips also take Zingchart tokens! Regularly, we declare our tooltip text in the text object:

tooltip: {
    text: "declare tooltip text"

To declare html tooltips we make a variable such as
var newStr="<span style="font-weight:bold;">%t</span><br>(%v)" 

Now we can call the variable inside the tooltip text attribute like so:

tooltip: {
    text: newStr

The result will be a tooltip that works with html elements and new styling!

Related Links:

  1. Demo

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us