Chart.js moment区域设置

Question

我正在构建一个Angular 2应用程序，并使用Chart.js 2.0来显示“时间”数据。不幸的是，我无法更改moment.js的区域设置。

我安装了moment，并使用SystemJS导入了moment.js和pl.js，但Chart.js抱怨moment.js必须在Chart.js之前加载(不确定如何实现，在每个源文件中，moment都是在chartjs之前声明的)。

然后我试了试Chart.bundle.min.js (包括moment )，它只在英语中有效。我无法将区域设置更改为“pl”。

以下行对Chart.bundle.min.js没有影响，日期仍然以英语显示。

moment.locale('pl');

Chart.js是否有自己的更改语言环境的函数？文档没有指定任何关于hat的内容。

Answer 1

Moment的区域设置必须在更新图表加载之前设置为，否则必须使用()更新图表。https://github.com/chartjs/Chart.js/issues/3108

Answer 2

Chart.js不会为你做日期格式化--有太多的可能性和语言环境，远远超出了这个项目的范围--面对不同格式的javascript日期，有一些库。一个很好的例子是像http://momentjs.com/这样的东西。

绘制数据时，应使用最适合您的数据的秒/分钟/小时。您可以自定义如何在labels - scaleLabel的插值JS字符串中对其进行格式化。对于图表标签，您应该只使用您认为最合适的格式化字符串。

来源：https://github.com/chartjs/Chart.js/issues/79

Answer 3

您必须在页面上包含moment区域设置文件：

例:您可以使用CDN https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/locale/pl.js查找您的语言环境

例:鲍尔

<script src="/bower_components/moment/moment.js"></script>
<script src="/bower_components/moment/locale/de.js"></script>