setTitle on hidden chart -> titles overlap (when useHTML)

[iweindesmedt]

http://jsfiddle.net/W4EEg/13/

only applies when useHTML is on

[TorsteinHonsi]

It only happens when the chart is hidden (by giving the container display: none) at the time you are running setTitle. This is because Highcharts is unable to compute the measured height of the text, as the offsetHeight of a non-displayed element and its children is 0.

Two workarounds are possible:

• Instead of display: none, hide the container by moving it out of the viewport: http://jsfiddle.net/highcharts/W4EEg/14/
• Highcharts has internal logic for this situation, but doesn't use it in the setTitle method. The workaround is to call cloneRenderTo before and after the operation: http://jsfiddle.net/highcharts/W4EEg/15/

[iweindesmedt]

Thanks for the workarounds. It indeed works that way.
Maybe you could introduce it in other operations related to useHTML as well?
I think axis labels and legend labels for example may also be affected.

[iweindesmedt]

I figured that cloneRenderTo() throws an error NotFoundError: Node was not found when the chart container is hidden. Any workaround for that?

[oysteinmoseng]

This is still relevant. One way to solve it could be to check for display: none on container, and move the container offscreen for rendering, before changing it back to display: none.

[TorsteinHonsi]

Updated workaround:

Use the thorougher chart.update intead of the cheaper chart.setTitle: http://jsfiddle.net/W4EEg/35/

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions!