圖表坐标軸

1.1 版本說明

1.2 應用場景

圖表坐标軸是 圖表樣式 屬性下的一個設置項，可以通過該設置項改變圖表坐标軸（X 軸和 Y 軸）的顯示樣式和風格，如下圖所示：

注：柱形圖、條形圖、折線圖、面積圖和組合圖支持自定義模式，支持自定義多個 X 軸或 Y 軸以及各個坐标軸位置和值順序。

1.3 功能介紹

圖表坐标軸設置分爲：X 軸設置和 Y 軸設置，如下圖所示：

1）X 軸

X 軸共有 7 個設置項，分别是：類型、标題、标簽、軸線樣式、位置、顯示策略、格式，如下圖所示：

2）Y 軸

Y 軸共有 7 個設置項，分别是：标題、标簽、值定義、軸線樣式、位置、顯示策略、格式，如下圖所示：

注：大多數圖表類型 X 軸設置與 Y 軸設置一緻，其中 Y 軸設置多了一個值定義設置。

2.1 類型

X 軸有三種類型，分别爲：分類坐标軸、時間坐标軸 和 數值坐标軸

Y 軸只有數值坐标軸。

除此之外還有簡單值坐标軸、極角軸、極徑軸、項目軸和時間軸。如下表所示：

2.2 标題

設置軸标題後，前端展示時在坐标軸處會顯示标題文本，2020-08-03 版本 JAR 包新增顯示/隐藏按鈕，默認選擇隐藏，即不設置軸标題。如下圖所示：

點擊顯示後，用戶可定義坐标軸的軸标題，标題設置項介紹如下：

• 内容：可以直接在内容編輯框編輯标題文本，也可以點擊右邊的公式按鈕，在公式編輯界面輸入文本。

• 使用html解析文本内容：如果标題是 HTML 文本，按鈕高亮後，預覽時才可正确顯示标題，否則默認顯示爲字符串。詳細介紹參見：圖表使用 HTML 解析文本内容

• 位置：可設置爲左對齊、居中、居右，默認爲居中。

• 字符：可設置字體、大小、顔色、傾斜、加粗。

• 文本旋轉：可設置标題的旋轉角度，正負 90 均可。

注：用 2020-08-03 之前版本設計器設計出來的模板，無論是否設置了軸标題，JAR 包更新後，軸标題處一律爲顯示狀态，标題有内容會保留。

2.3 标簽

軸标簽就是顯示在坐标軸區域的文字，标簽設置項用於自定義軸标簽文本的樣式。

2.3.1 顯示方式

10.0.11 版本新增的功能，提供了 3 種顯示方式，當軸标簽文本過長導緻重疊時，可以使用優化策略，3 種顯示方式的邏輯如下：

• 間隔顯示：後面的标簽被前一個标簽遮擋，則後面的标簽就不顯示，如此類推，直到遇到不會被遮擋的标簽，則顯示出來，所以标簽過長時只顯示部分标簽。

• 縮略顯示：軸标簽超出分類區間時，以省略号表示多餘的部分。

• 換行顯示：軸标簽超出分類區間時自動換行顯示。

支持設置标簽顯示方式的圖表有：柱形圖、折線圖、條形圖、面積圖、組合圖、箱型圖。其中條形圖只支持 Y 軸，其他圖表只支持 X 軸。

2.3.2 文本旋轉&标簽間隔

• 文本旋轉：可設置标簽的旋轉角度，正負 90 度均可。

• 标簽間隔：選擇自動，采用默認的間隔。選擇固定，即自定義間隔。

如下圖将柱形圖 X 軸的軸标簽旋轉角度修改爲 30，固定間隔爲 2，效果如下圖所示：

注：圖表屬性樣式下面的标簽選項與坐标軸裏面的标簽選項需要區分開來，樣式裏面的标簽是指系列标簽，坐标軸裏面的标簽是指坐标軸标簽。

2.4 值定義

Y 軸：包含最大值、最小值、自定義主次刻度單位以及對數底數，具體應用參見文檔：多個坐标軸位置自定義

注：條形圖 X 軸含此功能，Y 軸無。

2.5 軸線樣式

軸線樣式包含：類型、顔色、主要刻度線設置、次要刻度線設置。

• 類型：可選用線的類型。

• 顔色：可設置軸線的顔色。

• 主要刻度線：可設置是否開啓主要刻度線。

• 次要刻度線：可設置是否開啓次要刻度線。

2.6 位置

位置設置：含軸标簽位置設置和軸逆序設置。

• 軸标簽設置：可設置X軸和Y軸标簽顯示位置，X 軸默認在下方，Y軸默認在左側；如果軸标簽位置設置爲 0 值，則與該軸垂直的所有值軸0值标簽對齊，且每個值軸的區間刻度個數相同，具體應用可參考 X 軸 0 值标簽對齊。

• 軸逆序設置：若需要坐标軸倒序顯示，則可開啓軸逆序，具體應用參見文檔：坐标軸值順序自定義

2.7 顯示策略

顯示策略：可以對區域大小進行設置。

可對坐标軸标簽顯示區域的大小進行控制，默認不限制大小，選擇限制時可在下方設置其最大占比，如下圖所示：

2.8 格式

可以設置軸标簽的顯示格式，如下圖所示：

可設置的格式如下：

注1：當程序數據集中日期類型的數據作爲柱狀圖分類時，設置 X 軸格式不生效，此時将日期類型轉換爲字符串格式的日期數據即可。

注2：2020-07-06 及之後版本的 JAR 包導出圖表時 ( 圖片、Excel、PDF等 )，支持導出部分标簽：<b>、<strong>、<i>、<em>、<br/>、<span>。