1. 概述
1.1 應用場景
圖表的標題和圖例可以自訂懸浮位置,不侷限於系統給定的靠左、置中、靠右這樣的設定。
餅圖自訂懸浮位置效果如下圖所示:
1.2 功能入口
1)標題
圖表屬性面板的樣式>標題的佈局下,點選自訂懸浮位置可以自訂標題距圖表左上角的位置,如下圖所示:
2)圖例
圖表屬性面板的樣式>圖例的佈局下,點選自訂懸浮位置可以自訂圖例距圖表左上角的位置,如下圖所示:
注:直接將圖表拖到決策報表的 body 中,自訂圖例位置不支援行動端。但決策報表報表塊中的圖表,自訂圖例位置是支援行動端的。
2. 範例
2.1 開啟範本
使用設計器已經內建餅圖來自訂標題和圖例的位置,開啟範本:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\PieChart\標準餅圖.cpt
2.2 自訂標題位置
選中餅圖,屬性面板選擇懸浮元素>樣式>標題,勾選標題可見,點選自訂懸浮位置,設定 x 方向為 28 ,y 方向為 20 ,如下圖所示:
2.3 自訂圖例位置
選中餅圖,屬性面板選擇懸浮元素>樣式>圖例,勾選圖例可見,點選自訂懸浮位置,設定 x 方向為 61 ,y 方向為 34 ,如下圖所示:
2.4 系列配色
選中餅圖,屬性面板選擇懸浮元素>樣式>系列,將系列的配色方案修改為跟隨主題,如下圖所示:
2.5 效果預覽
2.5.1 PC 端
儲存報表,點選分頁預覽,效果如下圖所示:
2.5.2 行動端
範例採用的是懸浮圖表不支援行動端預覽,但是儲存格元素圖表可以。
3. 範本下載
點選下載範本:圖表標題圖例位置自訂.cpt