反饋已提交

網絡繁忙

面積圖

1. 概述

1.1 應用場景

面積圖是強調數量隨時間而變化的程度,可用於引起人們對總值趨勢的注意的圖形。

適合展示時間維度上的變化,或者用於展示累積資料。堆積面積圖 和 百分比堆積面積圖 還可以顯示部分與整體的關係。


1.2 圖表特點

1)能很好的展現沿某個維度的變化趨勢,能比較多組資料在同一個維度上的趨勢,適合展現較大數據集。

2)不適合不同分類之間的數值比較。

2. 範例

接下來我們將以範例的形式,介紹如何製作面積圖,以及面積圖的各項屬性。

更多圖表屬性請參見文檔:圖表資料圖表樣式圖表特效

2.1 準備資料

點選設計器左上角「檔案>建立普通報表」,在範本左下方建立 內建資料集 ,可自行設計表欄位和資料。如下圖所示:

2.2 插入圖表

合併一片儲存格區域,點選上方工具欄插入圖表按鈕,插入「面積圖」。如下圖所示:

2.3 圖表資料

選中面積圖,綁定資料如下圖所示:

2.4 圖表樣式

2.4.1 圖表標題

在圖表屬性配置面板中選擇「樣式>標題」,設定標題內容為正文「2020年產品銷量走勢-面積圖」。

2.4.2 圖表圖例

在圖表屬性配置面板中選擇「樣式>圖例」,設定圖例顯示位置為「靠上」。

2)標籤佈局

2020-07-08 及之後版本的 JAR 包,面積圖示籤佈局有如下變動:

位置:新增自動選項,當選擇自動時,根據視覺設計規則個別標籤會自動切換上下方位置。

重疊調整:當多個標籤重疊在一起時,可以開啟該功能,系統自動錯開標籤位置。

  • 標籤重疊在一起:

  • 開啟重疊調整:

2.4.4 圖表系列

面積圖系列設定項如下圖所示:


1)線:支援設定線型為無或實線;支援設定線寬;支援設定形態為普通、垂直或曲線;支援開啟「空值斷開」。效果如下圖所示:


2)點樣式預設為「無」,支援選擇「標準」下內建八種樣式,也支援上傳自訂圖片。

3)支援設定面積的填充顏色,預設為「系列色」,可選擇其他顏色。且填充色不透明度 15% 不支援修改。

以上僅對面積圖的部分設定項進行講解,更多內容請參見文檔:圖表系列 。

2.4.5 圖表坐標軸

為了使圖表展示效果更好,本例自訂 Y軸 最小值為 40。如下圖所示:


2.4.6 圖表提示

面積圖可設定資料點提示「顯示所有系列」。

當面積圖有多個系列,未勾選「顯示所有系列」時,不同系列提示點單獨顯示。效果如下圖所示:

.
勾選「顯示所有系列」後,不同系列提示點由直線連結一同顯示。效果如下圖所示:

.
注:只有一個系列時,勾選「顯示所有系列」後,也會出現直線。

2.5 效果預覽

2.5.1 PC 端

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

.

2.5.2 行動端

App 端和 HTML5 端均支援,效果如下圖所示:

.


3. 範本下載

已完成範本可參見:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\AreaChart\面積圖.cpt

點選下載範本:面積圖.cpt


附件列表


主題: 圖表應用
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

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

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

不再提示

10s後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙