How to change alignment of Highchart tooltip?

Question

I want to show some information in Farsi language on highchart tooltip. It works ok but the text align is not right.

As Persian language is a rtl language, I need to change text alignment so it starts from right. How can I do this?

Answer 1

dont forget use:(useHTML: true,)

tooltip: {
useHTML: true,
 formatter: function() {
 return '<div lang="fa" dir="rtl"> ' +
 this.x + ' : ' + this.y +
 '</div>';
  }
},

Answer 2

May be you can do something like this:

tooltip: {
    formatter: function() {
        return '<div lang="fa" dir="rtl">دستشویی/داروخانه) کجاست؟ : ' +
               this.x + ' : ' + this.y +
               '</div>';
    }
}

Is that Farsi? I just googled and found it somewhere.

Some refs:

• HTML Language Code Reference
• Right-To-Left Text in Markup Languages

Answer 3

I had the same problem with right to left direction. so I think your document's direction is set to RTL either in html tag with dir="rtl" attribute or in your stylesheet file with some selector like *{direction:rtl;} so that everything in your document gonna be right to left. to fix the chart alignment just add the following rule in your stylesheet:

#container {
    direction:ltr !important;
}

this will reset the direction of the chart to ltr , so that It will not be messy. but still it's text-alignment is to left.

Answer 4

您也可以使用波斯语的一些技巧，可以在这个Farsi网站http://www.barnamenevis.org找到