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?