Amcharts 3 时间格式化

来源：互联网发布：交通仿真软件怎么用编辑：程序博客网时间：2024/06/05 17:51

介绍

我们的JavaScript图表以及JavaScript Stock Charts允许您设置显示的日期的自定义格式。也就是说基于日期的类别轴和图表的其他一些位置。

您可以使用多个选项为每个显示的时间段（小时，天，月等）设置日期格式：直接在CategoryAxis对象上或通过CategoryAxesSettings（仅股票图表）

[{period:'fff',format:'JJ:NN:SS'},{period:'ss',format:'JJ:NN:SS'},{period:'mm',format:'JJ:NN'},{period:'hh',format:'JJ:NN'},{period:'DD',format:'MMM DD'},{period:'WW',format:'MMM DD'},{period:'MM',format:'MMM'},{period:'YYYY',format:'YYYY'}]

例如，当图表要显示特定日期的日期时，它查找“DD”期间并采用其格式设置“MMM DD”。 “MMM”表示三个字母的缩写，“DD” - 天数。也就是说 “Jan 12”。

所以为了改变日期格式，你只需要更新上面的数组与你需要的任何设置。

举个栗子

    "categoryAxis": {        "startOnAxis": true,        "axisColor": "#DADADA",        "gridAlpha": 0.07,        "dateFormats":             [                {period:'DD',format:'MM-DD'},                {period:'YYYY',format:'YYYY'}            ]    },

如上：x轴遇到每天的显示是 12-1, 12-2。还有周，时，分，秒都可以。

参考链接

http://www.amcharts.com/kbase/formatting-dates/

0 0