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