国际化
优质
小牛编辑
174浏览
2023-12-01
Highcharts 支持符合所有语言的展现形式。
一、图表中文字
图表中所有的文字、数值、时间等展示的内容都可以通过配置来进行本地化,详细请参考 语言文字 及 标签及字符串格式化
二、双向文字(BIDI TEXT)
所有现代的浏览器都支持在 SVG 中渲染双向文字,不过对于复杂的 HTML 字符串可能会有些问题,针对包含复杂 HTML 字符串的标签,Highcharts 提供了一个额外的配置参数 useHTML
,即使用 HTML 渲染 文字标签,设置该参数后,浏览器处理双向文字就完全没有问题了。需要注意的是,使用 useHTML
后的标签,需要设置 exporting.allowHTML
才能在导出结果中正常显示。
注:双向文字(BIDI TEXT )指的是既包含从左到右的文字又包含从右到左的文字,例如于阿拉伯语、希伯来语。
在 Firefox 4 以下的版本中,存在一个导致 SVG 中显示双向文字的 Bug,我们提供了一个方便的解决方案:增加了一个布尔类型的变量 Highcharts.hasBidiBug
,使用该变量可以判断是否使用 HTML 渲染标签,下面是示例代码:
labels: {
useHTML: Highcharts.hasBidiBug
}
三、RTL 布局
在 RTL 语言中你可能需要将 Y 轴放置到右侧,X 轴倒序显示,可以通过下面的配置做处理:
- 设置 yAxis.opposite = true 可以将 y 轴放置在图表右侧
- 设置 xAxis.reversed = true 可以让 x 轴倒序显示
注:RTL 是指从右到左阅读习惯。