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

垂直和曲線面積圖

1. 概述

1.1 應用場景

有時候用戶想要将面積圖的線型改爲垂直或曲線,那麽該如何設置可以實現如下圖所示的效果呢?

  • 垂直面積圖:

圖片.png

  • 曲線面積圖:

圖片.png

1.2 實現思路

圖表屬性面板的樣式>系列下,可以修改線條的形态,如下圖所示:

Snag_9c25f21.png

2. 示例


2.1 準備數據

新建普通報表,添加内置數據集 Embedded1,分别記錄一周内的學習時間,如下圖所示:

圖片.png

2.2 插入圖表

1)合并一片區域單元格,設計器菜單欄點擊 插入>單元格元素>插入圖表,如下圖所示:

圖片.png

2)彈出的圖表類型對話框選擇面積圖,如下圖所示:

圖片.png

2.3 綁定圖表數據

選中面積圖,右側圖表屬性面板選擇數據,設置如下圖所示:

圖片.png

2.4 設置圖表樣式

1)選擇 樣式>标題 ,設置标題内容,如下圖所示:

圖片.png

注:曲線面積圖同理修改标題爲曲線面積圖。

2) 選擇  樣式>系列 >線>形态 ,選擇 垂直 ,如下圖所示:

圖片.png

 3) 如果是曲線圖,步驟同上,選擇 曲線 ,如下圖所示:

圖片.png

2.5 效果預覽

1)PC 端

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

  • 垂直面積圖:

圖片.png

  • 曲線面積圖:

圖片.png

2)移動端

  • 垂直面積圖:

1592012155423052.jpg

  • 曲線面積圖:

1592012208555923.jpg

3. 模板下載

已完成模板參見:

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\AreaChart\垂直面積圖.cpt

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\AreaChart\曲線面積圖.cpt

點擊下載模板:

垂直面積圖.cpt

曲線面積圖.cpt

附件列表


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

文 檔回 饋

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

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

不再提示

10s後關閉

反饋已提交

網絡繁忙