selva1587
Posts: 1
Joined: Tue Oct 30, 2018 5:10 am

Highchart Title Position getting differ in Firefox and Chrom

Hi Guys

I am trying to show two titles for Highcharts. I have divided the title using <br>. When i try to align second title using writing-mode ="tb" for vertical. Once aligned the formed elements are same for chrome and firefox. But when i am viewing in UI, the positions are different. Could any one please help me to solve the issue in firefox.

Thanks & Regards
M.Selvakumar
Attachments
Firefox Image
Firefox Image
Firefox.PNG (21.76 KiB) Viewed 171 times
Chrome Image
Chrome Image
Chrome.PNG (23.63 KiB) Viewed 171 times
Highchart firefox issue
Highchart firefox issue
HighchartText.PNG (12.11 KiB) Viewed 172 times
rafalS
Posts: 2665
Joined: Thu Jun 14, 2018 11:40 am

Re: Highchart Title Position getting differ in Firefox and C

Hi, selva1587!

It's hard to say and test it anyhow without an online demo I can work on. But what do you think about a different approach? For example, instead of setting one title and dividing it for 2, you could set title and separate subtitle. Or you can display your text in a very different and flexible way using Highcharts SVG Renderer. Let me know if you can try one of these approaches.

Best regards!
Rafal Sebestjanski,
Highcharts Team Lead

Return to “Highcharts Usage”