Statistics 統計數字

2022-05-10, Helen

# 標題 內容
1 Status 數據展示
2 Zeplin https://zpl.io/dxmKvJ5
3 Ant Design https://ant.design/components/statistic-cn/
4 Web #
5 App #

定義

總覽頁面,展示統計數值。

何時使用

  1. 當需要突出某個或某組數字加以比較、呈現時。
  2. 當需要展示帶描述的統計數據時使用。

位置

Dashboard頁面。

類型

目前共有四種呈現統計數據方式。

1. 總覽

分為不同項目,卡面裡即為不同項目中子項的數據,協助使用者快速掌握基礎數據。


2. 指標卡

突出比較兩項數據,協助使用者快速掌握今日、昨日銷售數據差異。


3. 折線圖

由斜率表達不同時間點資料量的變化,協助使用者一眼看出長期的變化趨勢。


4. 條形圖

由條形圖比較同一時間不同項目的銷量或數據,此處用於商品排行榜的呈現。


5. 圓餅圖

由圓餅圖表示各項目在全部銷售中所佔的百分比,此處用於通路、供應商佔比的呈現。