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

柱形圖-折線圖

1.概述

1.1 應用場景

柱形圖-折線圖是由寬度相同的柱形的高度或長短來表示數據多少的柱形圖,以及将值标注成點,并通過直線将這些點按照某種順序連接起來的折線圖,兩者組合起來的一種組合圖表類型。

柱形圖-折線圖适可以直觀地表示數據量的大小并進行比較,可以比較明顯地顯示出各數據之間的比例差異,也可以顯示随時間或有序類别而變化的趨勢。

柱形圖-折線圖展示效果如下圖所示:

2020-05-08_18-02-51.png


1.2 圖表特點

優點:簡單直觀,不僅适合比較各組數據之間的差别,也适合那些趨勢比單個數據點更重要的數據集。

缺點:不适用於較大的數據集,不能直觀地看出各部分占總體的百分比。

2. 屬性介紹

2.1 類型

以 單元格元素懸浮元素 插入圖表時,圖表類型選擇柱形圖-折線圖,如下圖所示:

2020-05-05_17-41-09.png

2.2 數據

柱形圖-折線圖需分别綁定柱形圖、折線圖的數據,數據綁定的詳細介紹可以參見文檔:圖表數據

2.3 樣式

柱形圖-折線圖需分别設置柱形圖、折線圖的樣式,基礎樣式設計可以參見文檔:圖表樣式

在圖表樣式通用功能的基礎上,柱形圖、折線圖新增了堆積坐标軸屬性自定義設置,如下所示:

注:柱形圖、折線圖兩者自定義設置項一緻,此處介紹柱形圖。

1)柱形圖樣式>坐标軸下新增添加坐标軸按鈕,用戶可新增其他的X、Y軸,并對新坐标的屬性進行設置。

1588672816214972.png

2)柱形圖樣式>系列下新增堆積和坐标軸功能,用戶可自定義坐标軸的堆積屬性和系列對應關系。

Snag_2ed474ec.png

2.4 特效

柱形圖-折線圖特效設置的詳細介紹可以參見文檔:圖表特效

3. 示例

3.1 報表設計

3.1.1 準備數據

新建數據集ds1、ds2,數據庫查詢語句如下:

ds1:SELECT 産品名稱, 訂購量, 再訂購量 FROM 産品 where 類别ID = 1

ds2:SELECT 産品名稱, 庫存量 FROM 産品 where 類别ID = 1

2020-05-05_17-51-21.png

2020-05-05_17-51-32.png

3.1.2 圖表插入

合并一片區域單元格,右鍵選擇 A1 單元格,選擇單元格元素>插入圖表>柱形圖-折線圖,如下圖所示:

2020-05-05_17-41-09.png

3.1.3 數據綁定

分别綁定柱形圖、折線圖數據,如下圖所示:

2020-05-05_17-55-13.png

3.1.4 樣式設計

柱形圖-折線圖基礎樣式只需要改個标題,其餘默認設置即可。

1)坐标軸自定義

柱形圖-折線圖屬性面板的樣式>坐标軸下新增添加坐标軸按鈕,用戶可新增其他的X、Y軸,并對新坐标的屬性進行設置。

2020-05-05_17-58-46.png

2)柱形圖堆積自定義

新增的坐标軸需要對應到具體系列的值,樣式>系列>柱形圖下自定義組合色,選中柱形圖,新增堆積和坐标軸,自定義坐标軸的堆積屬性和系列對應關系,如下圖所示:

Snag_2ed8deae.png

3)折線圖堆積自定義

新增的坐标軸需要對應到具體系列的值,樣式>系列>折線圖下新增堆積和坐标軸功能,用戶可自定義坐标軸的堆積屬性和系列對應關系,如下圖所示:

Snag_2edbd50b.png

3.2 效果預覽

1)PC端

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

2020-05-08_18-02-51.png

2)移動端

E0C92F618B7435058BD43A305AAECB8F.jpg

4. 模板下載

已完成模板可參見:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\柱形圖-折線圖.cpt

點擊下載模板:柱形圖-折線圖.cpt

附件列表


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

文 檔回 饋

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

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

不再提示

7s後關閉

反饋已提交

網絡繁忙