Tooltip formatter

[apphacker]

The tooltip formatting options seem to be different in the new version of highcharts. We'd like to dramatically alter the appearance of the tooltip (want to make it look like a speech bubble). Is that possible? I realize there's a tooltip formatter method, but it seems to not like HTML anymore and the tooltip is rendered as an SVG, at least in Google Chrome, and that produces limited tooltip styling options it seems.

[apphacker]

I guess I could try to add a onmouseover event on points and add the tooltip I want via HTML using the coords given? :/

[not]

For custom text containers you can use labels or renderer (if you need more sophisticated shapes). You can use point events (mouseover and out for example), like you told. If you want to display elements next to points, you can use point.x or point.plotX (and Y accordingly).

Code: Select all

chart.series[0].data[0].plotX;
chart.series[0].data[1].plotY;