原創(chuàng)|對比評測|編輯:龔雪|2013-11-27 09:18:44.000|閱讀 2842 次
概述:也許我說的不一定正確,但是我猜測至少一半的圖表中都可能有"時間/日期"在其分類軸上。他們顯示數(shù)值隨時間變化情況。這也是為什么當(dāng)我們選擇圖表庫,我們會檢查它是否能夠解析時間并且對數(shù)據(jù)進行智能分析的原因。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
也許我說的不一定正確,但是我猜測至少一半的圖表中都可能有"時間/日期"在其分類軸上。他們顯示數(shù)值隨時間變化情況。這也是為什么當(dāng)我們選擇圖表庫,我們會檢查它是否能夠解析時間并且對數(shù)據(jù)進行智能分析的原因。
也許你會問,我為什么需要呢?一個簡單的圖表就可以將數(shù)據(jù)在坐標軸上展現(xiàn)出來,這已經(jīng)足夠了。沒錯,這已經(jīng)足夠了,如果你的數(shù)據(jù)點只有10個、20個,甚至是30個。但是,如果更多呢?如果我們要處理一年的數(shù)據(jù)——365個數(shù)據(jù)點。
現(xiàn)在我們就是用一般的圖表處理一年里的數(shù)據(jù)。
首先檢查數(shù)據(jù)中的數(shù)據(jù)點有多少,由于坐標軸沒辦法將365個點都顯示完,所以會自動做出如下調(diào)整。
正如你看到的那樣,你并不能從這張圖表中看出什么信息。我們需要圖表對時間進行智能解析,現(xiàn)在我們使用amCharts JavaSctipt圖表來處理,看看又會得到怎樣的結(jié)果。
在amCharts圖表庫,有許多日期/時間圖表。你需要做的就是使用CategoryAxis解析時間以及設(shè)置最小時間:
var categoryAxis = chart.categoryAxis; categoryAxis.parseDates = true; categoryAxis.minPeriod = "DD";
如果時間是小時,minPeriod將是"hh";如果時間是月份,minPeriod將是"MM"。最后,設(shè)置圖表格式:
chart.dataDateFormat = "YYYY-MM-DD";
提示:你可以使用所有時間格式。
下圖為事件解析圖表:
上面的圖表將網(wǎng)格線設(shè)置在每月開始的時候,而且在2014開始用黑色粗體顯示,使用不同日期格式,和第一張圖表對比,我想孰優(yōu)孰劣,不言而喻。
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)