JavaScript圖表時間解析功能分析（1）

也許我說的不必定正確，可是我猜想至少一半的圖表中均可能有"時間/日期"在其分類軸上。他們顯示數值隨時間變化狀況。這也是爲何當咱們選擇圖表庫，咱們會檢查它是否可以解析時間而且對數據進行智能分析的緣由。

也許你會問，我爲何須要呢？一個簡單的圖表就能夠將數據在座標軸上展示出來，這已經足夠了。沒錯，這已經足夠了，若是你的數據點只有10個、20個，甚至是30個。可是，若是更多呢？若是咱們要處理一年的數據——365個數據點。

如今咱們就是用通常的圖表處理一年裏的數據。

首先檢查數據中的數據點有多少，因爲座標軸沒辦法將365個點都顯示完，因此會自動作出以下調整。

正如你看到的那樣，你並不能從這張圖表中看出什麼信息。咱們須要圖表對時間進行智能解析，如今咱們使用amCharts JavaSctipt圖表來處理，看看又會獲得怎樣的結果。

在amCharts圖表庫，有許多日期/時間圖表。你須要作的就是使用CategoryAxis解析時間以及設置最小時間：

var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true;
categoryAxis.minPeriod = "DD";

若是時間是小時，minPeriod將是"hh"；若是時間是月份，minPeriod將是"MM"。最後，設置圖表格式：

chart.dataDateFormat = "YYYY-MM-DD";

提示：你可使用全部時間格式。

下圖爲事件解析圖表：

上面的圖表將網格線設置在每個月開始的時候，並且在2014開始用黑色粗體顯示，使用不一樣日期格式，和第一張圖表對比，我想孰優孰劣，不言而喻。