第一張行動端報表

1

設定行動端屬性。

1. 選擇【範本】 → 【行動端屬性】，勾選【設為手機範本畫布大小】。

2. 完成設定後，可以看到頁面邊界。

2

大致的佈局。

1. 最上方用兩個圖表展示總結性質的指示元。

2. 下方展示資料明細，資料以卡片的形式排列。

3

獲取明細資料。

1. 新建資料庫查詢資料集【ds1】，使用以下SQL語句。

2. 預覽【ds1】，這些資料是訂單的明細，會展示在圖表下方。

SELECT ORDERID, ORDERS.CUSTOMERID AS CUSTID, EMPID, SIGNDATE, AMOUNT, PAID,CUSTOMERNAME, CITY, COUNTRY, TEL 
FROM ORDERS
LEFT JOIN (SELECT CUSTOMERID, CUSTOMERNAME, CITY, COUNTRY, TEL 
FROM CUSTOMER) AS C 
WHERE ORDERS.CUSTOMERID = C.CUSTOMERID

4

彙總銷售額。

1. 新建資料集，使用以下SQL，修改資料集名稱為sales。

2. 預覽資料集【sales】，這個指標會透過左上角的圖表展示。

SELECT SUM(AMOUNT)/1000000 AS SALES, 'Sales' AS CATEGORY
FROM ORDERS

5

彙總回款額。

1. 新建資料集，使用以下SQL，修改資料集名稱為return。

2. 預覽資料集【return】，這個指標會透過右上角的圖表展示。

SELECT SUM(PAID)/1000000 AS RETURN, 'Return' AS CATEGORY
FROM ORDERS

6

為圖表設計佈局。

1. 合併A1:B1用來放置左上角的圖表，合併C1:D1用來放置右上角的圖表。

2. 將ABCD這4欄的寬度都設定為30MM。

3. 將第1列的高度設定為50。

7

插入圖表。

1. 選擇A1，插入儲存格圖表，圖表型別選擇【百分比刻度槽型儀表盤】。

2. 選擇C1，用同樣的方式插入圖表。

8

為明細表設計佈局。

1. 將第2、5、8列的高度設為14，這幾列作為表頭。

2. 將第3、4、6、7、9、10列的高度設為10，這幾列展示資料明細。

9

為明細表設定表頭。

1. 合併A2:B2，輸入：Order Info。

2. 合併A5:B5，輸入：Customer Info。

3. 合併A8:B8，輸入：Payment Info。

10

為明細表設定欄位名。

1. 參考下圖在儲存格中輸入文字。

1

設定銷售額儀表盤資料。

1. 資料集：sales。

2. 分類：CATEGORY。

3. 指標值：SALES。

4. 目標值：自定義，點選後輸入20。

2

隱藏儀表盤標題。

1. 選擇【式樣】 → 【標題】，取消勾選【顯示標題】。

3

設定儀表盤標籤。

1. 選擇【標籤】，取消勾選【百分比】，即不顯示百分比標籤。

2. 設定值標籤的格式：

   點選【格式】。在彈出框中點選第一個下拉框，選擇【數字】。

   第二個下拉框預設為#0，即顯示值的整數部分，直接在#0後面輸入文字：Million，這樣在預覽圖表時，值的後面會顯示單位。

3. 設定值標籤的式樣：標籤文字加粗，顏色自訂為：87929c。

4

設定儀表盤顏色。

1. 將刻度槽的顏色(即儀表盤背景)設定為：ebf2f7。

5

設定系列顏色。

1. 在【範圍】→ 欄下選擇【自訂】。

2. 設定區間為：1。

3. 設定最大值為：20，最小值為：0。

4. 自訂區間的顏色為：24a7ff。

6

設定刻度的最小值。

1. 選擇【坐標軸】。

2. 勾選【自訂最小值】，輸入：=0。

3. 最大值就是在資料tab中設定的目標值。

7

取消儀表盤工具欄。

1. 選擇【特效】。

2. 取消勾選【排序】、【匯出圖片】和【全屏顯示】。

8

預覽銷售儀表盤效果。

9

複用圖表式樣。

1. 可以再C1的儀表盤中重複上述設定，也可以透過複製圖表來直接複用已有圖表的式樣，前提是兩個圖表的型別相同。

2. 右擊A1，選擇【複製】。

3. 右擊C1，選擇【貼補】，C1中的圖表會變得和A1中的圖表一模一樣。

10

設定回款儀表盤資料。

1. 複用圖表式樣後，需要修改圖表中的資料。

2. 選擇【資料】：

   資料集：return。

   分類：CATEGORY。

   指標值：RETURN。

11

修改系列顏色。

1. 為了區分兩個儀表盤展示的資料指標，需要修改系列顏色。

2. 選擇【系列】，點選最下方的分類，將顏色改為：99ccff。

12

預覽回款儀表盤效果。

1

拖入資料欄。

1. 參考下圖將【ds1】的資料欄拖入明細表對應的位置中。

2

設定父格。

1. 將所有表頭所在列的左父格設定為B3，作為表頭的儲存格包括：A2:D2、A5:D5和A8:D8。

2. 將所有欄位名所在儲存格的左父格設定為B3，作為欄位名的儲存格包括：A2:A4、C2:C4、A6:A7、C6:C7、A9:C9。

3. 將一部分含有資料欄的儲存格的左父格設定為B3，這些儲存格包括：B4、B6、B7和B9。

4. 將明細表後的一列空白儲存格的左父格也設定成B3，這樣預覽後，每個明細表之間會有一個空列。

3

最佳化表頭。

1. 將所有表頭所在列的背景色設為：d5e6f7。設定完一列後，可以直接透過格式刷將式樣複製到其他表頭的所在列。

2. 為所有表頭文字設定左側的縮排，縮排大小為：10。

3. 將表頭文字設為12號，加粗，顏色設為：0f3f70。

4

最佳化欄位名。

1. 將欄位名所在儲存格的背景色設定為：ebf2f7。

2. 將欄位名的文字設為12號，居中對齊，顏色設為：59a2eb。

5

最佳化欄位值。

1. 將欄位值的文字設為12號，居中對齊，顏色設為：87929c。

6

設計框線。

1. 選中A2:D9，設定框線顏色，讓框線顏色和標題列的背景色一致，同時設定內框線和外框線。

2. 選中A2:D1，選擇最粗的線條，設定框線顏色為：99ccff，僅設定上方框線。

7

預覽效果。

1

報表重新命名。

1. 在左側的範本目錄樹中選擇當前範本，點選重命名錶示，將範本命名為：First Mobile Report。

2

將行動端報表掛載到目錄。

1. 將範本儲存到報表平臺的伺服器上，然後透過管理員身份登入決策平臺，在Report目錄下新增一個報表，選擇First Mobile Report.cpt。

2. 將範本設定為僅在平板和手機上可見。

3

設定可見權限。

1. 選擇【權限】，為使用者配置範本的訪問權限。比如在左側選擇使用者demo，在右側的目錄中保證Firwt Mobile Report是可見的。

4

行動端效果。

1. 用demo帳號登入資料分析APP。在報表中找到First Mobile Report進行查看。

First Mobile Report.cpt