Internally, Highcharts is equipped with a rendering module that acts as a wrapper for JavaScript access to SVG in modern browsers and VML in IE < 9. It has much in common with drawing tools like Raphaël or SVG jQuery. Until now the renderer has undergone unannounced changes from time to time, but we are now ready to add it to the API.
This drawing module can be used either to draw shapes or text on the chart, or even as a standalone drawing tool for HTML pages.
Inside a chart, the chart’s renderer object is available as chart.renderer. To instanciate a new SVG drawing outside Highcharts, you call new Highcharts.Renderer(parentNode, width, height), where parentNode is the div or container element where you want the drawing to be placed.
The drawing API is documented in detail at /ref#renderer and /ref#element.
Leave a Reply