1. 概述
在線視頻學習請查看:決策報表入門示例。
本文講解一個決策報表入門示例,希望用戶看完示例步驟能理解決策報表設計思想和掌握決策報表設計步驟。示例最終将會完成一個地區銷售情況分析面板,用到的組件包括參數面板、控件、報表塊、圖表塊。效果如下圖所示:
2. 示例
2.1 新建決策報表
菜單欄點擊文件>新建決策報表,新建一張空白的決策報表。如下圖所示:
2.2 新建數據集
新建數據集 ds1, SQL 語句爲:SELECT * FROM 銷量 WHERE 地區='${地區}',SQL 語句中定義了一個數據集參數「地區」。
2.3 調整報表屬性
1)将報表設計主體的大小設置爲 800像素 x 500像素。報表主體大小非固定,用戶可根據實際場景調整。如下圖所示:
2)選中組件列表中 body ,在右下角的「屬性」面板中将布局方式改爲「絕對布局」,縮放邏輯爲「固定大小」。body 布局方式有四種,用戶可根據實際應用場景調整,這裏因爲組件較少,不存在相互疊加情況,故選擇「絕對布局>固定大小」。如下圖所示:
2.4 拖拽組件
1)将組件參數面板、報表塊、餅圖、柱形圖按照下圖的布局樣式,拖入到報表設計主體中。
2)選中參數面板,右上角控件設置面板會顯示沒有添加控件的參數,點擊地區或者點擊全部添加,參數的默認控件将會添加到參數面板。如下圖所示:
3)将自定義控件設置爲「下拉框控件」,并在「屬性>數據字典」處爲控件綁定「銷量」表的「地區」字段。如下圖所示:
注:制作決策報表時,選擇直接拖入圖表組件比在報表塊中插入圖表自适應效果好。
2.5 設計組件
2.5.1 報表塊
1)點擊報表塊的編輯按鈕,進入報表塊,設置報表塊的内容和屬性。
2)報表塊中的設計方法跟普通報表的設計方法一樣,如下圖所示設計報表樣式,完成後點擊表單,返回決策報表設計界面。
2.5.2 餅圖
1)點擊餅圖的編輯按鈕,進入餅圖塊,設置餅圖的内容和屬性。如下圖所示:
2)點擊右下方組件屬性中的「數據」,給餅圖綁定數據。按照下圖所示:
3)點擊右下方組件屬性中的「樣式」,設置餅圖的标題爲「産品類型銷量統計」。如下圖所示:
2.5.3 柱形圖
1)點擊柱形圖的編輯按鈕,進入柱狀圖塊,設置柱形圖的内容和屬性。如下圖所示:
2)點擊右下方組件屬性中的「數據」,給柱狀圖綁定數據。如下圖所示:
3)點擊右下方組件屬性中的「樣式」,設置柱狀圖的标題爲「銷售員産品銷量統計」。如下圖所示:
2.6 效果預覽
2.6.1 PC端
保存報表,點擊「PC端預覽」,效果如下圖所示:
2.6.2 移動端
移動端及 HTML5 效果如下圖所示,移動端查看報表的方式參見 報表移動端預覽。
3. 模板下載
已完成模板可參見:%FR_HOME%\webroot\WEB-INF\reportlets\demo\NewbieGuide\決策報表入門示例.frm
點擊下載模板:決策報表入門示例.frm