Geek asks and answers

How to add annotation text to a Highcharts chart?

We would like to add text annotation to the charts that we create using Highcharts.js.

Ideally, we’d like to show the annotation in a popup when you hover over the heading of the chart or the question mark next to the name of the chart.

For instance:

<b>Chart Title</b>
<sup>
<a href="#" class="chart-tooltip" title="New Members" data-content="annotation text goes here" data-placement="bottom">?</a></sup>

However, when I pass the above html as the text attribute of the title of the Highcharts chart, Highcharts does not display it correctly, it actually displays the html text.

Can this work be done using the Highcharts interface? If so, how?

Any other suggestions would be appreciated.

Thank.

+5
source share
1 answer

The following works:

title: {
    useHTML: true,
    text: 'This is <b>bold</b>'
}

useHtml , , , , , labels

+6

More articles:


All Articles