反饋已提交
網絡繁忙
開發dashboard之前要確定基本的佈局式樣,元件擺放的關係,圖表的種類,分析的指標等等。
基本框架的設計思路可參考下圖。
資料關係
應用場景
適用圖表型別
比較類
不同商品銷售額比較
柱形圖/氣泡圖/堆疊面積圖/矩形樹圖/雷達圖/詞雲
分佈類
員工學歷和工資的關係
散點圖/分佈曲線圖/氣泡圖
地圖類
各門店使用者人數
熱力地圖
佔比類
某商品的銷售額佔比
環形圖/餅圖/堆疊柱狀圖/矩形樹圖
區間類
目標銷售額達標情況
儀表圖/堆疊面積圖
關聯類
各個品類的商品的銷量情況
矩形樹圖
時間類
銷售額隨時間的增長趨勢
折線圖/螺旋圖/面積圖
是否已買解析度大屏,大屏解析度,大屏顯卡所支援的解析度輸出,顯卡是否支援自訂解析度,HDMI 線支援的解析度。
瞭解物理大屏的解析度,從而確定設計尺寸。
儘量減少報表的計算量,將資料計算好放在資料庫中,展示的時候只需簡單的拉取,可大大提高展現速度。
根據之前定好的業務指標進行排版。
主:核心業務指標安排在中間位置、佔較大面積,多為動態效果豐富的地圖。
次:次要指標位於螢幕兩側,多為各類圖表。
輔:輔助分析的內容,可以透過鑽取聯動、輪播顯示。
關鍵視覺元素、字型字號、頁面動效、圖形圖表等是否按預期顯示、有無變形、錯位等情況。
圖形圖表動畫是否流暢、資料載入、重新整理有無異常;頁面長時間展示是否存在崩潰、卡死等情況;後臺控制系統能否正常切換前端頁面顯示。
文 檔回 饋
滑鼠選中內容,快速回饋問題
滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。
不再提示
10s後關閉