图表控件AnyChart教程：如何使用语言环境?-控件新闻-慧都网

图表控件AnyChart教程：如何使用语言环境?

翻译|使用教程|编辑：张莹心|2021-09-16 16:50:25.110|阅读 189 次

概述：所有 AnyChart 产品都支持基于区域设置机制的输入和输出日期/时间和数字格式的完全本地化。本文介绍了如何使用语言环境。

AnyChart是基于JavaScript (HTML5) 的图表控件。使用AnyChart控件，可创建跨浏览器和跨平台的交互式图表和仪表。AnyChart 图表目前已被很多知名大公司所使用，可用于仪表盘、报表、数据分析、统计学、金融等领域。

AnyChar HTML5图表高度可定制且高度兼容。拥有纯JavaScript API，AnyChart图表内置客户端数据实时更新，多层次向下钻区和具体参数更新。强大的主题引擎使你通过一系列图表进行独特的演示体验，而PDF和图像输出能产出图书质量打印文档。

点击下载AnyChart最新版

应用自动语言环境

AnyChart 提供涵盖大多数地区和文化的内置语言环境。要使用自动区域设置，首先从链接文件或将其下载到您的服务器并从那里链接。

从 CDN 链接看起来像这样：

<script src="//cdn.anychart.com/locale/2.0.1/en-gb.js"></script>
<script src="//cdn.anychart.com/locale/2.0.1/en-us.js"></script>

从您的服务器链接可能如下所示：

<script src="./locales/en-gb.js"></script>
<script src="//mydomain.com/anychart-locales/en-us.js"></script>

文件链接后，AnyChart 引擎知道它，您可以开始在图表中应用语言环境：只需使用或方法设置语言环境的代码。区域设置代码列在的 CODE 列中。

设置输入和输出语言环境如下所示：

anychart.format.inputLocale('en-us');
anychart.format.outputLocale('hi-in');

调整语言环境

如果要使用自定义输入和输出日期/时间格式，可以通过和方法对其进行调整：

// set locales
anychart.format.inputLocale('en-us');
anychart.format.outputLocale('hi-in');

// tune inputDateTimeFormat and outputDateTimeFormat
anychart.format.inputDateTimeFormat('yyyy-MM-dd'); 
anychart.format.outputDateTimeFormat('dd MMM');

您还可以使用和方法调整工具提示或标签格式化程序中的任何输出：

chart.xAxis().labels().format(function () {
    return anychart.format.dateTime(this.value, 'MMM', -8 * 60, locale);
});
chart.tooltip().titleFormat(function () {
    return anychart.format.dateTime(this.points[0].x, format, -8 * 60, locale);
});