Highcharts: how to add HTML inside the chart area

Question

Is it possible to add custom HTML (like a div) inside the chart area (inside the border; Highcharts Renderer doesn't seem to offer this option)? If so, how to do it?

Any help is appreciated.

Answer 1

Renderer should display elements in SVG / VML. If you want to add HTML tags, add them the same way you do in Highcharts - position: absolute and set the left / top values ​​to place this inner container.

Answer 2

You will need to use the Highcharts Renderer API .

You can refer to this JSFIDDLE working demo.

It works like:

var chart = new Highcharts.Chart({ .... ..... ...... }, function(chart) { // on complete chart.renderer.text('This text is <span style="color: red">styled</span> and <a href="http://example.com">linked</a>', 150, 80) .css({ color: '#4572A7', fontSize: '16px' }) .add(); }); 

Answer 3

You can contact on this site. http://pmsipilot.imtqy.com/jquery-highchartTable-plugin/#demo

Hope this helps.