Highcharts axis labels cluttered but after a refresh, it'll be OK

Question

I'm using Highcharts to create a negative-stack according to its document. My language is Persian (Farsi) so I'm using RTL direction overall the project. My problem doesn't limit to negative-stack type, but all charts with xAxis & yAxis.When I open the index.html file at first I'll face with axis labels overlap the chart as you see in the attached image-1, but after a refresh, it will be aligned properly according to the attached image-2.

Attachments:

Sample CodeSandBox Link

score 0 · Accepted Answer · answered Sep 16 '20 at 12:00

0

Looks like it's caused by the fontFamily.
After changing that property, everything works as expected.

chart: {
    style: {
      fontFamily: "iranyekan"
    }
  },

Live demo: https://codesandbox.io/s/upbeat-sun-me5m8

answered Sep 16 '20 at 12:00

Karol Kołodziej

652
4
9

Do you want to say that this problem caused by the **iranyekan** font? – Mohammad Reza Ghasemi Sep 18 '20 at 15:49
When I changed that font, it works properly. That is why I suspect that this issue is caused by this font. – Karol Kołodziej Sep 21 '20 at 07:39

Highcharts axis labels cluttered but after a refresh, it'll be OK

1 Answers1