1. 概述
1.1 應用場景
圖表可自訂標記點的點樣式,上傳圖片替代原先的圓點效果,如下圖折線圖範例,將標記點的最大值和最小值更換為圖片。
1.2 實現思路
建立普通報表,插入對應圖表,制定內置資料集temperature,並將資料綁定圖表,圖表點選特效->條件顯示,新增條件屬性,並配置對應條件的自訂點樣式。
2. 範例
2.1 設計範本
建立普通報表,選擇一片區域儲存格,合併儲存格為A1,插入折線圖,如下圖所示:
注1:根據系列設標度準標記點具體方法請看下面幫助連結,不再贅述,這裏詳細講解根據值設定自訂標記點的方法。
注2:根據系列設標度準標記點參見文檔:百分比堆積面積圖
2.2 準備資料
建立普通報表,新增內建資料集 temperature,如下圖所示:
2.3 設定最大最小值
在 J1 和 J2 儲存格分別輸入公式max(temperature.select(XiaMen))和min(temperature.select(KunMing)),分別代表系列 1 的最大值和系列 2 的最小值,並將 J 欄隱藏。
2.4 設定圖表資料
選中圖表,在右側選擇資料,選擇對應資料源,綁定對應資料,如下圖所示:
2.5 設定圖表樣式
1)選中圖表,在右側選擇樣式>系列,配色選擇自訂>精確設定,自訂組合色,標記點使用標準圓點,如下圖所示:
2)在右側選擇樣式>坐標軸>Y 軸,勾選自訂最大值,設為 30,如下圖所示:
2.6 設定圖表特效
1)選中圖表,在右側選擇特效>條件顯示,點選新增條件,新增條件屬性,如下圖所示,給 J1 和 J2 的值新增新增自訂標記點:
2)條件屬性1,設定點樣式>自訂>雨天圖,設定條件為值=J2,即kunming的最小值,如下圖所示:
3)條件屬性2,設定點樣式>自訂>晴天圖,設定條件為值=J1,即xiamen的最大值,如下圖所示:
2.7 效果預覽
1)PC 端
儲存報表,點選分頁預覽,範本效果如下所示:
2)行動端
3. 範本下載
已完成範本可參見:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doctw\Advanced\Chart\LineChart\標記點自訂折線圖.cpt
點選下載範本:標記點自定義折線圖.cpt