圖表用圖片填充系列

1.1 應用場景

柱形圖的柱子可以用自訂的圖片來填充，顯示效果如下圖所示：

1.2 實現思路

柱形圖新增條件屬性，給每個分類或系列設定不同的圖片填充效果。

2.1 準備資料

建立普通報表，新增內建資料集 Embedded1，分別記錄不同類型的百分比，如下圖所示：

2.2 設計報表

1）合併一片區域儲存格，插入柱形圖，如下圖所示：

2）屬性面板點選資料，綁定柱形圖資料，如下圖所示：

3）屬性面板選擇特效>條件顯示，新增四個條件屬性，屬性都為圖片填充，分類序號分別為 1、2、3、4，如下圖所示：

4）屬性面板選擇樣式>系列，根據插入圖片的大小，可選擇調整柱子寬度或分類間隔，如下圖所示：

2.3 效果預覽

1）PC 端

儲存報表，點選分頁預覽，效果如下圖所示：

2）行動端

已完成範本參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doctw\Advanced\Chart\ColumnChart\圖片填充柱形圖.cpt

點選下載範本：圖片填充柱形圖.cpt