Question

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

我安装时刻并使用SystemJS导入moment.js和pl.js，但是Chart.js抱怨必须在Chart.js之前加载moment.js（不知道如何实现，在每个源文件中都是在chartjs之前宣布）。

然后我尝试了Chart.bundle.min.js（包括片刻），但只能用英语练习。我无法将语言环境更改为“pl”。

以下行对Chart.bundle.min.js无效，日期仍以英文显示。

OleDbConnection con = new OleDbConnection();
con.ConnectionString = "provider = microsoft.ace.oledb.12.0;data source = E:\\Sohkidatabase\\Sohki.accdb";
OleDbCommand cmd = new OleDbCommand();
cmd.CommandType = CommandType.Text;
cmd.CommandText = @"INSERT INTO Challan_No(challan,goods,quantity,nwlm,rate,total,ident,taaff,dateissue,nature,factory,expected,palce,date)VALUES
                (" + labelchallan.Text + ",'" + textGood.Text + "'," + combQuit.Text + "," + combNwlm.Text + "," + textRate.Text + "," + textvalu.Text + ",'" + textIdent.Text + "','" + texttfclass.Text + "','" + dateTimeIssue.Text + "','" + textNatup.Text + "','" + textFact.Text + "','" + textExpDu.Text + "','" + textPlace.Text + "','" + dateTimeDate.Text + "')";
cmd.Connection = con;
con.Open();
cmd.ExecuteNonQuery();
System.Windows.Forms.MessageBox.Show("Recrod Succefully Created");
con.Close();

Chart.js是否有自己的功能来更改区域设置？文档没有详细说明帽子。

Answer 1

Chart.js不会为你做日期格式化 - 可能性和语言环境的数量如此巨大，它超出了项目的范围 - 面对只有不同格式的javascript日期的库。一个很好的例子可能是http://momentjs.com/。

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

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

Answer 2

您必须在页面上包含您的时刻语言环境文件：

例如：您可以使用CDN找到您的语言区域 https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/locale/pl.js

例：Bower

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

Answer 3

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

Chart.js时刻区域设置

3 个答案: