JavaScript圖表的時間解析功能（2）：日期格式化方法

目錄[-] 用不一樣方式格式化日期 空白數據處理 在上一章內容咱們講解了amCharts的時間解析功能。今天對這個共鞥進行擴展，在amChart中使用不一樣方式格式化日期。 用不一樣方式格式化日期 你頗有可能會使用不一樣的日期格式，例如：我想要日期數在月份的旁邊，第一個年份不以其餘格式顯示。在上一章，咱們說過amCharts JavaSctipt圖表的 CategoryAxis有多種日期格式屬性（dateFormats）。他們的默認值爲： 1 [{period:'fff',format:'JJ:NN:SS'},{period:'ss',format:'JJ:NN:SS'},{period:'mm',format:'JJ:NN'},{period:'hh',format:'JJ:NN'},{period:'DD',format:'MMM DD'},{period:'WW',format:'MMM DD'},{period:'MM',format:'MMM'},{period:'YYYY',format:'YYYY'}] 爲了達到我想要的格式，咱們須要修改"MM"（month）和"YYYY"（year），以下： 1 categoryAxis.dateFormats = [{period:'fff',format:'JJ:NN:SS'},{period:'ss',format:'JJ:NN:SS'},{period:'mm',format:'JJ:NN'},{period:'hh',format:'JJ:NN'},{period:'DD',format:'MMM DD'},{period:'WW',format:'MMM DD'},{period:'MM',format:'MMM YYYY'},{period:'YYYY',format:'MMM YYYY'}]; 我將"MM"和"YYYY"變成這樣 "MMM YYYY"，結果以下圖： 使用amCharts JavaScript圖表是否是很簡單，若是你想去掉年份加粗設置，輸入如下代碼： 1 categoryAxis.boldPeriodBeginning = false; 空白數據處理 設想一下，你想要可視化的的數據只是工做日，週末沒有數據，可是老闆又要求將週末顯示在圖表上。你怎麼作呢？很簡單，你只須要將週末的數據添加成空數據點便可。可是，若是間隔很大，隨意性很強的數據呢？ 這裏就不得不說amCharts JavaScript圖表的優點了，強大的自動時間解析功能，能夠把這些問題一勞永逸地解決。 咱們來看看沒有數據的週末顯示圖表： 在圖中，有的地方間隔比較大，是由於在座標軸中顯示了日期，可是該日期卻沒有數據。 若是你想要把沒有數據點的數據都顯示出來，你能夠設置AmGraph 屬性爲"false"（ graph.connect = false），結果以下圖： 若是你想要全部數據點在等時間間隔顯示，將週末從座標軸上移除。你能夠作以下設置： 1 categoryAxis.equalSpacing = true;