使用chart.js 畫系統監控圖表
專案有個需求是可以觀察server 上資源的使用情形。本來習慣使用 hichart，但後來發現他的使用是要錢的，於是改用chart.js。 繪製動態圖表需要準備幾件事情： 一、取得資料來源：目前多用ajax取得資料。 二、資料有無依照時間序列變化：資料可能是依照時間變化跑的，或者只是依類別顯示。 三、要幫資料歸類出x軸(資料點的名稱)與y軸(數值變動)。 我們的專案是利用power shell 或 vbs 將伺服器監控的數據寫到SQL Server，再用Asp.net 網站讓管理人員查閱資料。作一隻簡單的泛型處理函式(ashx)將資料轉為json，讓chart.js讀取。 我們當初在紀錄資料時，每筆紀錄就包含日期、CPU使用率跟可用記憶體。很明顯這是隨時間序列變化的資料。搭配EF大概是這樣寫: using ( xxxxxxxEntitiesdbm = new xxxxxxxEntities()) { string vid="OOOp_WEB"; /*抓兩天以內的資料*/ DateTime lastdate = DateTime.Now.AddDays(-2); var query1 = dbm.monitor_record .Where(o => o.Server_id == vid && o.Recdate >= lastdate) .Select ( o=>...