如何更改 Highchart 工具提示的对齐方式？答案

【问题标题】：How to change alignment of Highchart tooltip?如何更改 Highchart 工具提示的对齐方式？
【发布时间】：2015-05-02 19:21:51
【问题描述】：

我想在 highchart 工具提示上以波斯语显示一些信息。它工作正常，但文本对齐不正确。

由于波斯语是一种 rtl 语言，我需要更改文本对齐方式，使其从右开始。我该怎么做？

【问题讨论】：

标签： javascript highcharts

【解决方案1】：

别忘了使用:(useHTML: true,)

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

【讨论】：

【解决方案2】：

也许你可以这样做：

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

那是波斯语吗？我刚刚用谷歌搜索并在某个地方找到了它。

一些参考：

【讨论】：

是的，这是波斯语。我试过了，但没有用。我什至更改了 Highchart 源代码中工具提示的样式，但也没有用。

【解决方案3】：

我在从右到左的方向上遇到了同样的问题。所以我认为您的文档的方向设置为RTL，或者在带有dir="rtl" 属性的html 标记中，或者在带有*{direction:rtl;} 之类的选择器的样式表文件中，这样文档中的所有内容都会从右到左。要修复图表对齐，只需在样式表中添加以下规则：

#container {
    direction:ltr !important;
}

这会将图表的方向重置为ltr，这样它就不会乱了。但它的文本仍然是向左对齐。

【讨论】：

【解决方案4】：

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

【讨论】：