JavaScript图表的时间解析功能（2）：日期格式化方法

在上一章内容咱们讲解了amCharts的时间解析功能。今天对这个共鞥进行扩展，在amChart中使用不一样方式格式化日期。

用不一样方式格式化日期

你颇有可能会使用不一样的日期格式，例如：我想要日期数在月份的旁边，第一个年份不以其余格式显示。在上一章，咱们说过amCharts JavaSctipt图表的 CategoryAxis有多种日期格式属性（dateFormats）。他们的默认值为：

[{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'}]

为了达到我想要的格式，咱们须要修改"MM"（month）和"YYYY"（year），以下：

categoryAxis.dateFormats = [{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 YYYY'},{period:'YYYY',format:'MMM YYYY'}];

我将"MM"和"YYYY"变成这样 "MMM YYYY"，结果以下图：

 

使用amCharts JavaScript图表是否是很简单，若是你想去掉年份加粗设置，输入如下代码：

categoryAxis.boldPeriodBeginning = false;

空白数据处理

设想一下，你想要可视化的的数据只是工做日，周末没有数据，可是老板又要求将周末显示在图表上。你怎么作呢？很简单，你只须要将周末的数据添加成空数据点便可。可是，若是间隔很大，随意性很强的数据呢？

这里就不得不说amCharts JavaScript图表的优点了，强大的自动时间解析功能，能够把这些问题一劳永逸地解决。

咱们来看看没有数据的周末显示图表：

 

在图中，有的地方间隔比较大，是由于在坐标轴中显示了日期，可是该日期却没有数据。

若是你想要把没有数据点的数据都显示出来，你能够设置AmGraph 属性为"false"（ graph.connect = false），结果以下图：

 

若是你想要全部数据点在等时间间隔显示，将周末从坐标轴上移除。你能够作以下设置：

categoryAxis.equalSpacing = true;