如今,基於 Timecard 數據來一點兒數據分析。php
對於 Timecard,分析下面 2 個方面:數據結構
對於第一種分析,選擇餅圖比較合適。由於是針對每一個項目的,因此,還要提供一個選擇項目的選項。好比下面這樣:app
從設計圖能夠看出來,咱們須要一個下面這樣的數據結構:工具
對於第二種分析,選擇層疊柱圖比較合適,可以看出數據的變化趨勢,同時又反應各個項目之間的資源使用分佈。好比下面這樣:設計
在網頁上面顯示圖表,目前最好用的是 Highcharts。這個工具一直在升級維護,商用版價格合理。視頻
應用也很是簡單,在 Highcharts Demo 上面能夠找到各類圖形的示例,只要替換其中的數據便可。blog
作好之後,就是下面這個樣子了:資源
最後是演示視頻:get