JavaScript圖表的時間解析功能(1)

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

amCharts圖表-時間解析

相關文章
相關標籤/搜索