原創|對比評測|編輯:龔雪|2013-11-27 09:18:44.000|閱讀 2842 次
概述:也許我說的不一定正確,但是我猜測至少一半的圖表中都可能有"時間/日期"在其分類軸上。他們顯示數值隨時間變化情況。這也是為什么當我們選擇圖表庫,我們會檢查它是否能夠解析時間并且對數據進行智能分析的原因。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
也許我說的不一定正確,但是我猜測至少一半的圖表中都可能有"時間/日期"在其分類軸上。他們顯示數值隨時間變化情況。這也是為什么當我們選擇圖表庫,我們會檢查它是否能夠解析時間并且對數據進行智能分析的原因。
也許你會問,我為什么需要呢?一個簡單的圖表就可以將數據在坐標軸上展現出來,這已經足夠了。沒錯,這已經足夠了,如果你的數據點只有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開始用黑色粗體顯示,使用不同日期格式,和第一張圖表對比,我想孰優孰劣,不言而喻。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網