當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

自定義組合圖

1.概述

1.1 應用場景

自定義組合圖可自由選擇柱形圖、折線圖、面積圖、餅圖、等弧度玫瑰圖、不等弧度玫瑰圖、多指針的儀表盤360度、多指針的儀表盤180度、百分比圓環儀表盤、百分比刻度槽型儀表盤、試管型儀表盤、雷達圖、堆積柱形雷達圖、散點圖、氣泡圖共 15 種圖形進行組合。

自定義組合圖适用於多個數據集,可同時比較多個類别的數據,展示不同數據之間的差異,示例中将餅圖和柱形圖進行組合,展示效果如下圖所示:

1589284034331212.png

1.2 圖表特點

  • 極大提升了圖表設計的自由度,可以根據需要自由選擇适合的圖表組合使用,集合各個圖表的優勢。

  • 适合不同數據集之間的對比,可以比較明顯地顯示出各數據之間的比例差異,也可以比較各個類别的占比情況。

2. 示例

下面以柱形圖-餅圖的組合圖爲例介紹操作步驟。

2.1 報表設計

2.1.1 準備數據

新建數據查詢 ds1,數據庫查詢語句爲:SELECT * FROM 銷量

1589281156408657.png

2.1.2 插入圖表

合并一片區域單元格,右鍵選擇 A1 單元格,點擊單元格元素>插入圖表>自定義組合,勾選柱形圖、餅圖,如下圖所示:

注:根據勾選的順序,決定畫圖時圖層疊加的順序。越往後勾選的圖表類型,越在圖層上層。

2020-05-12_19-00-15.png

2.1.3 數據綁定

分别綁定柱形圖餅圖的數據,如下圖所示:
2020-05-19_22-51-48.png

注:設置餅圖時,取消分類設置,只生成一個餅圖。

2.1.4 樣式設計

1)選擇樣式>系列,添加堆積和坐标軸 1,增加條件,系列序号爲 1 or 2 or 3,再添加堆積和坐标軸 2,增加條件,系列序号爲 4 or 5,如下圖所示:
Snag_2eea48fe.png

Snag_2eec2976.png

注:堆積和坐标軸設置中,系列序号都是相對於本圖表類型數據的系列序号,而不是全體數據。

2)爲避免餅圖和柱形圖部分重疊,選擇樣式>坐标軸>Y 軸,設置最大值爲 2000 ,如下圖所示:
2020-05-19_23-03-19.png

3)選擇樣式>标簽>餅圖,勾選使用标簽,勾選百分比,選擇餅圖外牽引線,如下圖所示:
1589283670881278.png

2.2 效果預覽

1)PC端

保存模板,點擊分頁預覽,效果如下圖所示:

2020-05-12_19-46-59.png

2)移動端

67b06bce383895695b24c648dd6c1746.jpg

3. 模板下載

已完成模板可參見:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\自定義組合圖.cpt

點擊下載模板:自定義組合圖.cpt

附件列表


主題: 原簡體文檔
  • 有幫助
  • 沒幫助
  • 只是瀏覽

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

9s後關閉

反饋已提交

網絡繁忙