反饋已提交

網絡繁忙

圖表自定義多個坐標軸

1. 概述

1.1 版本

報表伺服器版本
11.0

1.2 問題描述

使用者遇到如下問題:

  • 希望自己的圖表上有一個橫軸兩個縱軸(y 軸)。

  • y 軸設定左右兩個維度,比如一個按照數字,一個按照百分比。

  • 當一個圖表幾個系列的資料單位均不相同時,希望均能顯示不同坐標軸。

可透過新增「堆積和坐標軸」以及設定坐標軸顏色來區分系列,如下圖所示:

Xnip2023-12-13_11-51-42.jpg

1.3 解決思路

在「自訂柱形圖」屬性面板的「樣式>坐標軸」下可以選擇新增 X 軸或 Y 軸,再在「樣式>系列>堆積和坐標軸」處配置坐標軸與系列的對應關係。

注:並不是所有圖表都支援「堆積和坐標軸」,只有自訂的圖表和部分組合圖才可以,例如「自訂柱形圖、自訂條形圖、自訂折線圖、柱形折線組合圖」等等。

Xnip2023-12-13_13-41-16.jpg

2. 範例

2.1 準備資料

點選設計器左上角「檔案>建立普通報表」,新增內建資料集「Weather」,記錄了月份、降雨量、海平面高度和溫度之間的關係。如下圖所示:

Xnip2023-12-13_11-13-41.jpg

2.2 設計報表

2.2.1 設定紙張大小

本例中包含 12 個分類,每個分類包含 3 個系列,為了圖表展示時不被分頁展示,需要在「範本>頁面設定」中將紙張大小調大一些。如下圖所示:

Xnip2023-12-13_13-50-50.jpg

2.2.2 插入圖表

合併一片儲存格,插入「柱形圖>自訂柱形圖」,如下圖所示:

Xnip2023-12-13_09-43-30.jpg

2.3 設計柱形圖

選中圖表,點選右側屬性面板「儲存格元素」,可設定圖表的各個屬性:類型、資料樣式特效

2.3.1 圖表類型

選中圖表所在儲存格,點選右側「儲存格元素>類型」可查看和選擇圖表類型。

注:柱形圖中只有「自訂柱形圖」才有堆積坐標軸,其他三個柱形圖無此設定項。

Xnip2023-12-13_09-44-48.jpg

2.3.2 綁定資料

綁定圖表資料如下圖所示:

其中 Rainfall 為 系列1,Sea-LevelPressure 為 系列2,Temperature 為 系列3。

Xnip2023-12-13_09-47-02.jpg

2.3.3 設定樣式

1)設定圖表標題為「多坐標軸自訂」,位置「靠左」。

Xnip2023-12-13_09-50-34.jpg

2)設定「樣式>圖例」位置「靠上>對齊」

Xnip2023-12-13_09-54-51.jpg

3)設定「樣式>坐標軸」,重新整理增兩個 Y 軸,分別是 Y軸2 和 Y軸3。

Xnip2023-12-13_09-53-18.jpg

4)在坐標軸處新增 Y軸 後,再設定「樣式>系列」,在堆積和坐標軸處新增兩個「堆積和坐標軸」,雙擊名稱將其重新命名為「Y軸2」和「Y軸3」。如下圖所示:

Xnip2023-12-13_10-08-18.jpg

本例中 系列2 需對應 Y軸2,系列3 需對應 Y軸3,系列1 不做設定,預設對應 Y軸。 

  • Y軸2:設定條件為「系列序號 等於 '2'」時,使用 Y軸2 。

注:配置中的「堆積」可用於條件中包含兩個及以上的系列,在本例中無影響。

Xnip2023-12-13_10-12-39.jpg

  • Y軸3:設定條件為「系列序號 等於 '3'」時,使用 Y軸3 。

Xnip2023-12-13_10-15-30.jpg

5)上個步驟完成後,系列對應的坐標軸已經設定完成。但是因為每個 Y軸 資料不同,為了對比明顯我們需要為每個 Y軸 自訂最大最小值;且為了區分各個坐標軸,我們需對每個 Y軸 字體顏色進行設定。

  • Y軸:需要將 軸標題 顯示出來,並且將軸標題以及軸標籤的顏色設定為與 系列1 相同的「藍色」。具體設定如下圖所示:

注:Y軸 軸標籤格式中的單位 mm 需手動輸入,Y軸2、Y軸3 同理。

Xnip2023-12-13_11-36-35.jpg

  • Y軸2:將軸標題以及軸標籤的顏色設定為與 系列2 相同的「綠色」,並且將其位置設定為「右側」。具體設定如下圖所示:

Xnip2023-12-13_11-40-37.jpg

  • Y軸3:將軸標題以及軸標籤的顏色設定為與 系列3 相同的「黃色」,並且將其位置設定為「右側」。具體設定如下圖所示:

Xnip2023-12-13_11-42-59.jpg

2.4 效果預覽

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

Xnip2023-12-13_11-43-29.jpg

App 端和 HTML5 端均支援。

3. 範本下載


點選下載範本:圖表自定義多個坐標軸.cpt

附件列表


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

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

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

不再提示

10s後關閉

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

反馈已提交

网络繁忙