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;