Highcharts 支持符合所有语言的展现形式。

一、图表中文字

图表中所有的文字、数值、时间等展示的内容都可以通过配置来进行本地化,详细请参考 语言文字标签及字符串格式化

二、双向文字(BIDI TEXT)

所有现代的浏览器都支持在 SVG 中渲染双向文字,不过对于复杂的 HTML 字符串可能会有些问题,针对包含复杂 HTML 字符串的标签,Highcharts 提供了一个额外的配置参数 useHTML,即使用 HTML 渲染 文字标签,设置该参数后,浏览器处理双向文字就完全没有问题了。需要注意的是,使用 useHTML 后的标签,需要设置 exporting.allowHTML 才能在导出结果中正常显示。

注:双向文字(BIDI TEXT )指的是既包含从左到右的文字又包含从右到左的文字,例如于阿拉伯语、希伯来语。

在 Firefox 4 以下的版本中,存在一个导致 SVG 中显示双向文字的 Bug,我们提供了一个方便的解决方案:增加了一个布尔类型的变量 Highcharts.hasBidiBug ,使用该变量可以判断是否使用 HTML 渲染标签,下面是示例代码:

  1. labels: {
  2. useHTML: Highcharts.hasBidiBug
  3. }

三、RTL 布局

在 RTL 语言中你可能需要将 Y 轴放置到右侧,X 轴倒序显示,可以通过下面的配置做处理:

  • 设置 yAxis.opposite = true 可以将 y 轴放置在图表右侧
  • 设置 xAxis.reversed = true 可以让 x 轴倒序显示
    注:RTL 是指从右到左阅读习惯。

四、相关例子

原文: https://www.hcharts.cn/docs/internationalization