也許我說的不必定正確,可是我猜想至少一半的圖表中均可能有"時間/日期"在其分類軸上。他們顯示數值隨時間變化狀況。這也是爲何當咱們選擇圖表庫,咱們會檢查它是否可以解析時間而且對數據進行智能分析的緣由。 html
也許你會問,我爲何須要呢?一個簡單的圖表就能夠將數據在座標軸上展示出來,這已經足夠了。沒錯,這已經足夠了,若是你的數據點只有10個、20個,甚至是30個。可是,若是更多呢?若是咱們要處理一年的數據——365個數據點。 code
如今咱們就是用通常的圖表處理一年裏的數據。 orm
首先檢查數據中的數據點有多少,因爲座標軸沒辦法將365個點都顯示完,因此會自動作出以下調整。 htm
正如你看到的那樣,你並不能從這張圖表中看出什麼信息。咱們須要圖表對時間進行智能解析,如今咱們使用amCharts JavaSctipt圖表來處理,看看又會獲得怎樣的結果。 事件
在amCharts圖表庫,有許多日期/時間圖表。你須要作的就是使用CategoryAxis解析時間以及設置最小時間: ip
var categoryAxis = chart.categoryAxis; categoryAxis.parseDates = true; categoryAxis.minPeriod = "DD";
若是時間是小時,minPeriod將是"hh";若是時間是月份,minPeriod將是"MM"。最後,設置圖表格式: get
chart.dataDateFormat = "YYYY-MM-DD";
提示:你可使用全部時間格式。 io
下圖爲事件解析圖表: class