大屏報表製作示例

  以下將介紹製作大屏報表示例的過程，以及各元件的配置說明。

  以下報表為便於演示導出和展示，均採用靜態數據集進行展示。如需要使用外部數據集的數據，請參考 快速上手 中的數據集設計與 數據集連線 進行設定。

1. 建立大屏報表

  進入數控中心-戰情室(DashBoard)界面，點選功能表欄中的 報表設計-報表管理，在打開的頁面中點選 新增 按鈕，打開報表新增的頁面，在其中填寫新增報表的報表名稱、報表編碼、報表型別等必填欄位。其餘欄位視情況可自行選擇填寫。填寫完成後，點選 儲存 按鈕儲存報表。

2. 配置大屏報表

  返回至報表管理界面，選擇剛才建立的報表，在右側的 操作 欄位中選擇 更多-設計，打開大屏報表的設計界面。設計界面中的內容佈置如下圖：

  界面中使用的工具以及配置說明如下：

  大屏界面中，圖片地址設定為空，背景顏色設定為 #f4f8ff。

1. 圖片工具

   • 配置-圖片地址：設定圖片工具顯示的圖片，可點選右側的資料夾按鈕圖示打開檔案選擇對話方塊，選擇要上傳的圖片。
   • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 0。
   • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 0。
   • 座標-寬度：設定圖片工具的畫素寬度，設定為 384。
   • 座標-高度：設定圖片工具的畫素高度，設定為 200。

2. 文字工具

   • 配置-文字內容：設定文字工具顯示的文字內容，設定為 現金總流入。
   • 配置-字型大小：設定文字工具顯示的字型大小，設定為 36。
   • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
   • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
   • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 粗體。
   • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
   • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 0。
   • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 30。
   • 座標-寬度：設定圖片工具的畫素寬度，設定為 384。
   • 座標-高度：設定圖片工具的畫素高度，設定為 50。

3. 文字工具

   • 配置-文字內容：設定文字工具顯示的文字內容，設定為 實際值。
   • 配置-字型大小：設定文字工具顯示的字型大小，設定為 20。
   • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
   • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
   • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 正常。
   • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
   • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 0。
   • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 90。
   • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
   • 座標-高度：設定圖片工具的畫素高度，設定為 40。

4. 文字工具

   • 配置-文字內容：設定文字工具顯示的文字內容，設定為 同期值。
   • 配置-字型大小：設定文字工具顯示的字型大小，設定為 20。
   • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
   • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
   • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 正常。
   • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
   • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 164。
   • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 90。
   • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
   • 座標-高度：設定圖片工具的畫素高度，設定為 40。

5. 文字工具

   • 配置-文字內容：設定文字工具顯示的文字內容，此處設定為一個預設值，設定為 40.31。
   • 配置-字型大小：設定文字工具顯示的字型大小，設定為 30。
   • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
   • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
   • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 粗體。
   • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
   • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 0。
   • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 130。
   • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
   • 座標-高度：設定圖片工具的畫素高度，設定為 40。

6. 文字工具

   • 配置-文字內容：設定文字工具顯示的文字內容，此處設定為一個預設值，設定為 37.87。
   • 配置-字型大小：設定文字工具顯示的字型大小，設定為 30。
   • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
   • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
   • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 粗體。
   • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
   • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 164。
   • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 130。
   • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
   • 座標-高度：設定圖片工具的畫素高度，設定為 40。

7. 圖片工具

   • 配置-圖片地址：設定圖片工具顯示的圖片，可點選右側的資料夾按鈕圖示打開檔案選擇對話方塊，選擇要上傳的圖片。
   • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 384。
   • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 0。
   • 座標-寬度：設定圖片工具的畫素寬度，設定為 384。
   • 座標-高度：設定圖片工具的畫素高度，設定為 200。

8. 文字工具

   • 配置-文字內容：設定文字工具顯示的文字內容，設定為 現金總流出。
   • 配置-字型大小：設定文字工具顯示的字型大小，設定為 36。
   • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
   • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
   • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 粗體。
   • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
   • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 384。
   • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 30。
   • 座標-寬度：設定圖片工具的畫素寬度，設定為 384。
   • 座標-高度：設定圖片工具的畫素高度，設定為 50。

9. 文字工具

   • 配置-文字內容：設定文字工具顯示的文字內容，設定為 實際值。
   • 配置-字型大小：設定文字工具顯示的字型大小，設定為 20。
   • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
   • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
   • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 正常。
   • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
   • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 384。
   • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 90。
   • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
   • 座標-高度：設定圖片工具的畫素高度，設定為 40。

10. 文字工具

    • 配置-文字內容：設定文字工具顯示的文字內容，設定為 同期值。
    • 配置-字型大小：設定文字工具顯示的字型大小，設定為 20。
    • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
    • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
    • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 正常。
    • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 548。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 90。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
    • 座標-高度：設定圖片工具的畫素高度，設定為 40。

11. 文字工具

    • 配置-文字內容：設定文字工具顯示的文字內容，此處設定為一個預設值，設定為 55.29。
    • 配置-字型大小：設定文字工具顯示的字型大小，設定為 30。
    • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
    • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
    • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 粗體。
    • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 384。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 130。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
    • 座標-高度：設定圖片工具的畫素高度，設定為 40。

12. 文字工具

    • 配置-文字內容：設定文字工具顯示的文字內容，此處設定為一個預設值，設定為 54.06。
    • 配置-字型大小：設定文字工具顯示的字型大小，設定為 30。
    • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
    • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
    • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 粗體。
    • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 548。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 130。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
    • 座標-高度：設定圖片工具的畫素高度，設定為 40。

13. 圖片工具

    • 配置-圖片地址：設定圖片工具顯示的圖片，可點選右側的資料夾按鈕圖示打開檔案選擇對話方塊，選擇要上傳的圖片。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 768。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 0。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 384。
    • 座標-高度：設定圖片工具的畫素高度，設定為 200。

14. 文字工具

    • 配置-文字內容：設定文字工具顯示的文字內容，設定為 現金凈流入。
    • 配置-字型大小：設定文字工具顯示的字型大小，設定為 36。
    • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
    • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
    • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 粗體。
    • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 768。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 30。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 384。
    • 座標-高度：設定圖片工具的畫素高度，設定為 50。

15. 文字工具

    • 配置-文字內容：設定文字工具顯示的文字內容，設定為 實際值。
    • 配置-字型大小：設定文字工具顯示的字型大小，設定為 20。
    • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
    • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
    • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 正常。
    • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 768。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 90。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
    • 座標-高度：設定圖片工具的畫素高度，設定為 40。

16. 文字工具

    • 配置-文字內容：設定文字工具顯示的文字內容，設定為 同期值。
    • 配置-字型大小：設定文字工具顯示的字型大小，設定為 20。
    • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
    • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
    • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 正常。
    • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 932。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 90。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
    • 座標-高度：設定圖片工具的畫素高度，設定為 40。

17. 文字工具

    • 配置-文字內容：設定文字工具顯示的文字內容，此處設定為一個預設值，設定為 33.7。
    • 配置-字型大小：設定文字工具顯示的字型大小，設定為 30。
    • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
    • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
    • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 粗體。
    • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 768。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 130。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
    • 座標-高度：設定圖片工具的畫素高度，設定為 40。

18. 文字工具

    • 配置-文字內容：設定文字工具顯示的文字內容，此處設定為一個預設值，設定為 37.87。
    • 配置-字型大小：設定文字工具顯示的字型大小，設定為 30。
    • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
    • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
    • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 粗體。
    • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 932。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 130。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
    • 座標-高度：設定圖片工具的畫素高度，設定為 40。

19. 圖片工具

    • 配置-圖片地址：設定圖片工具顯示的圖片，可點選右側的資料夾按鈕圖示打開檔案選擇對話方塊，選擇要上傳的圖片。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 1152。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 0。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 384。
    • 座標-高度：設定圖片工具的畫素高度，設定為 200。

20. 文字工具

    • 配置-文字內容：設定文字工具顯示的文字內容，設定為 期初現金凈值。
    • 配置-字型大小：設定文字工具顯示的字型大小，設定為 36。
    • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
    • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
    • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 粗體。
    • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 1152。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 30。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 384。
    • 座標-高度：設定圖片工具的畫素高度，設定為 50。

21. 文字工具

    • 配置-文字內容：設定文字工具顯示的文字內容，設定為 實際值。
    • 配置-字型大小：設定文字工具顯示的字型大小，設定為 20。
    • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
    • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
    • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 正常。
    • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 1152。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 90。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
    • 座標-高度：設定圖片工具的畫素高度，設定為 40。

22. 文字工具

    • 配置-文字內容：設定文字工具顯示的文字內容，設定為 同期值。
    • 配置-字型大小：設定文字工具顯示的字型大小，設定為 20。
    • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
    • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
    • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 正常。
    • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 1316。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 90。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
    • 座標-高度：設定圖片工具的畫素高度，設定為 40。

23. 文字工具

    • 配置-文字內容：設定文字工具顯示的文字內容，此處設定為一個預設值，設定為 75.4。
    • 配置-字型大小：設定文字工具顯示的字型大小，設定為 30。
    • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
    • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
    • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 粗體。
    • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 1152。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 130。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
    • 座標-高度：設定圖片工具的畫素高度，設定為 40。

24. 文字工具

    • 配置-文字內容：設定文字工具顯示的文字內容，此處設定為一個預設值，設定為 73.7。
    • 配置-字型大小：設定文字工具顯示的字型大小，設定為 30。
    • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
    • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
    • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 粗體。
    • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 1316。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 130。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
    • 座標-高度：設定圖片工具的畫素高度，設定為 40。

25. 圖片工具

    • 配置-圖片地址：設定圖片工具顯示的圖片，可點選右側的資料夾按鈕圖示打開檔案選擇對話方塊，選擇要上傳的圖片。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 1536。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 0。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 384。
    • 座標-高度：設定圖片工具的畫素高度，設定為 200。

26. 文字工具

    • 配置-文字內容：設定文字工具顯示的文字內容，設定為 期末現金凈值。
    • 配置-字型大小：設定文字工具顯示的字型大小，設定為 36。
    • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
    • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
    • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 粗體。
    • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 1536。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 30。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 384。
    • 座標-高度：設定圖片工具的畫素高度，設定為 50。

27. 文字工具

    • 配置-文字內容：設定文字工具顯示的文字內容，設定為 實際值。
    • 配置-字型大小：設定文字工具顯示的字型大小，設定為 20。
    • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
    • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
    • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 正常。
    • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 1536。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 90。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
    • 座標-高度：設定圖片工具的畫素高度，設定為 40。

28. 文字工具

    • 配置-文字內容：設定文字工具顯示的文字內容，設定為 同期值。
    • 配置-字型大小：設定文字工具顯示的字型大小，設定為 20。
    • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
    • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
    • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 正常。
    • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 1700。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 90。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
    • 座標-高度：設定圖片工具的畫素高度，設定為 40。

29. 文字工具

    • 配置-文字內容：設定文字工具顯示的文字內容，此處設定為一個預設值，設定為 97.8。
    • 配置-字型大小：設定文字工具顯示的字型大小，設定為 30。
    • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
    • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
    • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 粗體。
    • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 1536。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 130。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
    • 座標-高度：設定圖片工具的畫素高度，設定為 40。

30. 文字工具

    • 配置-文字內容：設定文字工具顯示的文字內容，此處設定為一個預設值，設定為 98.9。
    • 配置-字型大小：設定文字工具顯示的字型大小，設定為 30。
    • 配置-字型顏色：設定文字工具顯示的字型顏色，設定為 rgba(255,255,255,1)。
    • 配置-字型背景：設定文字工具顯示的字型背景，設定為 rgba(0,0,0,0)。
    • 配置-文字粗細：設定文字工具顯示的文字的粗細，設定為 粗體。
    • 配置-對齊方式：設定文字工具的對齊方式，設定為 居中。
    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 1700。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 130。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 220。
    • 座標-高度：設定圖片工具的畫素高度，設定為 40。

31. 餅圖工具

    • 配置-背景顏色：設定餅圖的背景顏色，設定為 rgba(255, 255, 255, 1)。
    • 配置-餅圖樣式：設定餅圖顯示的樣式，設定為 空心餅圖。
    • 配置-標題設定-標題：設定是否顯示圖表標題，勾選打開此選項。
    • 配置-標題設定-標題：設定標題顯示的文字內容，設定為 現金流入構成。
    • 配置-標題設定-字型顏色：設定標題顯示的字型顏色，設定為 rgba(0,0,0,1)。
    • 配置-標題設定-字型粗細：設定標題顯示的字型的粗細，設定為 粗體。
    • 配置-標題設定-字型大小：設定標題顯示的字型的大小，設定為 30。
    • 配置-標題設定-字型位置：設定標題顯示的文字的對齊方式，設定為 左對齊。
    • 配置-數值設定-顯示：設定是否顯示數值指示資訊。設定勾選啟用。
    • 配置-數值設定-數值：設定是否顯示數值資訊。設定勾選啟用。
    • 配置-數值設定-字型大小：設定數值顯示的字型大小，設定為 20。
    • 配置-數值設定-字型粗細：設定數值顯示的字型的粗細，設定為 正常。
    • 配置-圖例操作-圖例：設定是否顯示圖例，設定勾選啟用。
    • 配置-圖例操作-字型顏色：設定圖例中顯示的字型的顏色，設定為 rgba(0,0,0,1)。
    • 配置-圖例操作-字型大小：設定圖例中顯示的字型的大小，設定為 20。
    • 配置-圖例操作-圖例寬度：設定圖例圖示的顯示畫素寬度，設定為 15。
    • 配置-圖例操作-橫向位置：設定圖例圖示的橫向顯示位置，設定為 右對齊。
    • 配置-圖例操作-縱向位置：設定圖例圖示的縱向顯示位置，設定為 底部。
    • 配置-自定義配色：設定圖形使用的配色組，需設定以下顏色 #0CD2E6、#00BFA5、#FFC722、#886EFF、#008DEC。
    • 數據-數據型別：設定圖表使用的數據型別，設定為 靜態數據。
    • 數據-編輯：編輯所使用的靜態數據。設定如下。

    [
    {
        "name": "型別A",
        "value": 13
    },
    {
        "name": "型別B",
        "value": 24
    },
    {
        "name": "型別C",
        "value": 22
    },
    {
        "name": "型別D",
        "value": 11
    },
    {
        "name": "型別E",
        "value": 35
    }
    ]
    

    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 20。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 200。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 930。
    • 座標-高度：設定圖片工具的畫素高度，設定為 420。

32. 餅圖工具

    • 配置-背景顏色：設定餅圖的背景顏色，設定為 rgba(255, 255, 255, 1)。
    • 配置-餅圖樣式：設定餅圖顯示的樣式，設定為 空心餅圖。
    • 配置-標題設定-標題：設定是否顯示圖表標題，勾選打開此選項。
    • 配置-標題設定-標題：設定標題顯示的文字內容，設定為 現金流出構成。
    • 配置-標題設定-字型顏色：設定標題顯示的字型顏色，設定為 rgba(0,0,0,1)。
    • 配置-標題設定-字型粗細：設定標題顯示的字型的粗細，設定為 粗體。
    • 配置-標題設定-字型大小：設定標題顯示的字型的大小，設定為 30。
    • 配置-標題設定-字型位置：設定標題顯示的文字的對齊方式，設定為 左對齊。
    • 配置-數值設定-顯示：設定是否顯示數值指示資訊。設定勾選啟用。
    • 配置-數值設定-數值：設定是否顯示數值資訊。設定勾選啟用。
    • 配置-數值設定-字型大小：設定數值顯示的字型大小，設定為 20。
    • 配置-數值設定-字型粗細：設定數值顯示的字型的粗細，設定為 正常。
    • 配置-圖例操作-圖例：設定是否顯示圖例，設定勾選啟用。
    • 配置-圖例操作-字型顏色：設定圖例中顯示的字型的顏色，設定為 rgba(0,0,0,1)。
    • 配置-圖例操作-字型大小：設定圖例中顯示的字型的大小，設定為 20。
    • 配置-圖例操作-圖例寬度：設定圖例圖示的顯示畫素寬度，設定為 15。
    • 配置-圖例操作-橫向位置：設定圖例圖示的橫向顯示位置，設定為 右對齊。
    • 配置-圖例操作-縱向位置：設定圖例圖示的縱向顯示位置，設定為 底部。
    • 配置-自定義配色：設定圖形使用的配色組，需設定以下顏色 #0DA2B1、#009581、#A27901、#534399、#02558E。
    • 數據-數據型別：設定圖表使用的數據型別，設定為 靜態數據。
    • 數據-編輯：編輯所使用的靜態數據。設定如下。

    [
    {
        "name": "型別A",
        "value": 20
    },
    {
        "name": "型別B",
        "value": 35
    },
    {
        "name": "型別C",
        "value": 26
    },
    {
        "name": "型別D",
        "value": 16
    },
    {
        "name": "型別E",
        "value": 38
    }
    ]
    

    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 970。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 200。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 930。
    • 座標-高度：設定圖片工具的畫素高度，設定為 420。

33. 折線堆疊圖

    • 配置-背景顏色：設定圖表的背景顏色，設定為 rgba(255, 255, 255, 1)。
    • 配置-折線設定-標記點：設定是否在圖表上顯示標記點，設定為勾選啟用。
    • 配置-折線設定-點大小：設定顯示在圖表上的點的大小，設定為 20。
    • 配置-折線設定-平滑曲線：設定折線顯示的曲線是否平滑，設定為勾選啟用。
    • 配置-折線設定-面積堆積：設定折線顯示的曲線是否為面積堆積，設定為勾選啟用。
    • 配置-折線設定-面積厚度：設定折線顯示的面積堆積厚度(堆積區域的顏色深淺)，設定為 11。
    • 配置-折線設定-線條寬度：設定折線顯示的線條的畫素寬度，設定為 8。
    • 配置-標題設定-字型顏色：設定標題顯示的字型顏色，設定為 rgba(0,0,0,1)。
    • 配置-標題設定-字型粗細：設定標題顯示的字型的粗細，設定為 粗體。
    • 配置-標題設定-字型大小：設定標題顯示的字型的大小，設定為 30。
    • 配置-標題設定-字型位置：設定標題顯示的文字的對齊方式，設定為 左對齊。
    • 配置-圖例操作-圖例：設定是否顯示圖例，設定勾選啟用。
    • 配置-圖例操作-字型顏色：設定圖例中顯示的字型的顏色，設定為 rgba(0,0,0,1)。
    • 配置-圖例操作-字型大小：設定圖例中顯示的字型的大小，設定為 20。
    • 配置-圖例操作-圖例寬度：設定圖例圖示的顯示畫素寬度，設定為 20。
    • 配置-圖例操作-橫向位置：設定圖例圖示的橫向顯示位置，設定為 居中。
    • 配置-圖例操作-縱向位置：設定圖例圖示的縱向顯示位置，設定為 頂部。
    • 配置-圖例操作-佈局前置：設定圖例顯示的佈局排布方式，設定為 橫排。
    • 配置-X軸設定-顯示：設定是否顯示X軸，設定為勾選啟用。
    • 配置-X軸設定-文字顏色：設定X軸上顯示的文字的顏色，設定為 rgba(0,0,0,1)。
    • 配置-X軸設定-文字字號：設定X軸上顯示的文字的字型大小，設定為 20。
    • 配置-X軸設定-軸顏色：設定X軸顯示的顏色，設定為 rgba(0,0,0,1)。
    • 配置-Y軸設定-顯示：設定是否顯示Y軸，設定為勾選啟用。
    • 配置-Y軸設定-文字顏色：設定X軸上顯示的文字的顏色，設定為 rgba(0,0,0,1)。
    • 配置-X軸設定-文字字號：設定X軸上顯示的文字的字型大小，設定為 20。
    • 配置-X軸設定-軸顏色：設定X軸顯示的顏色，設定為 #fff。
    • 配置-自定義配色：設定圖形使用的配色組，需設定以下顏色 #ff7f50、#87cefa、#da70d6、#32cd32、#6495ed。
    • 數據-數據型別：設定圖表使用的數據型別，設定為 靜態數據。
    • 數據-編輯：編輯所使用的靜態數據。設定如下。

    [
    {
        "data": "65",
        "name": "流入",
        "axis": "01"
    },
    {
        "data": "43",
        "name": "流出",
        "axis": "01"
    },
    {
        "data": "32",
        "name": "流入",
        "axis": "02"
    },
    {
        "data": "23",
        "name": "流出",
        "axis": "02"
    },
    {
        "data": "40",
        "name": "流入",
        "axis": "03"
    },
    {
        "data": "36",
        "name": "流出",
        "axis": "03"
    },
    {
        "data": "35",
        "name": "流入",
        "axis": "04"
    },
    {
        "data": "24",
        "name": "流出",
        "axis": "04"
    },
    {
        "data": "30",
        "name": "流入",
        "axis": "05"
    },
    {
        "data": "13",
        "name": "流出",
        "axis": "05"
    },
    {
        "data": "56",
        "name": "流入",
        "axis": "06"
    },
    {
        "data": "21",
        "name": "流出",
        "axis": "06"
    },
    {
        "data": "24",
        "name": "流入",
        "axis": "07"
    },
    {
        "data": "20",
        "name": "流出",
        "axis": "07"
    },
    {
        "data": "53",
        "name": "流入",
        "axis": "08"
    },
    {
        "data": "21",
        "name": "流出",
        "axis": "08"
    },
    {
        "data": "53",
        "name": "流入",
        "axis": "09"
    },
    {
        "data": "42",
        "name": "流出",
        "axis": "09"
    },
    {
        "data": "23",
        "name": "流入",
        "axis": "10"
    },
    {
        "data": "14",
        "name": "流出",
        "axis": "10"
    },
    {
        "data": "35",
        "name": "流入",
        "axis": "11"
    },
    {
        "data": "24",
        "name": "流出",
        "axis": "11"
    },
    {
        "data": "53",
        "name": "流入",
        "axis": "12"
    },
    {
        "data": "35",
        "name": "流出",
        "axis": "12"
    }
    ]
    

    • 座標-左邊距：設定工具左側與大屏左側邊界的畫素距離，設定為 20。
    • 座標-上邊距：設定工具上側與大屏上側邊界的畫素距離，設定為 640。
    • 座標-寬度：設定圖片工具的畫素寬度，設定為 1880。
    • 座標-高度：設定圖片工具的畫素高度，設定為 410。

3. 儲存、分享

  點選 儲存 按鈕，儲存已製作的大屏報表。

  返回 報表設計-大屏報表界面，選擇建立的報表的分享按鈕，在彈出的視窗中點選 建立鏈接 按鈕，在彈出的分享視窗中複製分享鏈接，就可將鏈接使用於外部大屏訪問。