C00-29 擴展圖表柱形圖類

1. 擴展圖表中有三種柱形圖類，分別是：弧形柱形圖、特殊圖形柱形圖、輪播條形圖。

2. 採用弧形柱形圖可以很好地比較各個值的相對大小。

3. 特殊圖形柱形圖是柱形圖的一種變種表現形式，相較於普通柱形圖而言，更具備藝術表現力。

4. 輪播條形圖可用于轮播展示多条数据的指标进度及排名信息。

1. 點擊下載插件：擴展圖表插件。

2. 設計器插件安裝方法參見：A11-18 伺服器-插件管理。

3. 伺服器安裝插件方法參見：伺服器插件管理。

1

功能介紹。

1. 可自定義圖形的顏色和樣式。

2. 不支援設定動態播放。

2

圖表入口。

1. 圖表型別的【擴展圖表】→【柱形圖類】→【弧形直條圖】，可選擇插入到報表中。如下圖所示。

3

樣式設定-圖形。

1. 進入【懸浮元素】→【樣式】，對【圖形】進行設定。

2. 【風格】表示弧形直條的顏色樣式，預設為【自動漸變】，通過自訂配色，弧形直條根據配色漸變顯示。

3. 選擇【預設】效果，則弧形直條直接顯示為自訂的配色，無漸變效果。

4. 選擇【自訂漸變】可自訂漸變直條兩端的顏色。

5. 【分類間距】表示每個弧形直條之間的間隔距離，預設為38，可自訂，數值越小，弧形直條越緊湊。

6. 【內徑佔比】表示最裡面一個弧形直條對應圓的半徑和最外面一個弧形直條對應圓的半徑的比值，比值越小，每個弧形直條的寬度越大。

7. 更改樣式設定，在瀏覽器中查看效果。如下動圖所示。

4

樣式設定-值軸。

1. 進入【懸浮元素】→【樣式】，對【值軸】進行設定。

2. 預設不勾選【自訂最大值】和【自訂對數底數】，沒有自訂最大值的情況下，最大的弧形柱子佔據270度，即四分之三個圓。

3. 選擇【自訂最大值】，則最大值對應的弧形直條佔據360度，其他弧形直條根據資料的大小所佔最大值的比值，展示對應比值的弧度大小。如下圖2所示。

4. 選擇【自訂對數底數】，則各個弧形直條之間的弧度差距會被縮小。如下圖3所示。

5. 更改樣式設定，在瀏覽器中查看效果。如下動圖1所示。

5

範例。

1. 新建資料集。輸入SQL：select * from 銷量。

2. 進入【懸浮元素】→【資料】，設定【資料集】為【ds1】。

3. 【分類】選擇欄位【產品】，【值】選擇欄位【銷量】，【匯總方式】選擇【求和】。如下動圖1所示。

4. 【排序方式】預設為順序，即數值最大的資料在最外圈，可選擇逆序，即數值最小的資料在最外圈，或選擇原始，則按資料表中的順序顯示，第一條資料在最外圈。每一個產品對應一個環形柱子，柱子的長度表示對應產品的銷量總和。預覽如下圖2、圖3、圖4所示。

1

功能介紹。

1. 內置了 5 種圖形形狀，暫不支援自訂圖片。

2. 資料設定不支援多分類和資料篩選。

3. 交互屬性不支援工具欄。

4. 交互屬性支援坐標軸翻轉，變成條形圖效果。

5. 支援圖表關聯和組件重新整理，詳細介紹參見文檔：擴展圖表組件重新整理。

2

圖表入口。

1. 圖表型別的【擴展圖表】→【柱形圖類】下新增【特殊圖形柱形圖】，可選擇插入到報表中。如下圖所示。

3

圖表屬性-資料。

1. 除了不支援多分類和資料篩選外，其他跟柱形圖一致，如下圖所示。具體可參考 柱形圖 。

4

圖表屬性-樣式。

1. 自訂形狀可在【樣式】→【圖形】→【形狀】下設定，內置了 5 種形狀，分別爲：三角、三維三角、弦圖、三維弦圖、三維柱形。每種形狀的效果如下圖1至圖5所示。

5

圖表屬性-特效。

1. 交互屬性下開啓坐標軸翻轉後，可以變爲條形圖效果。如下圖1、圖2所示。

6

範例。

1. 準備資料：建立普通報表，建立內置資料集，資料設定如下圖1所示。

2. 插入圖表：合併一片區域儲存格，插入特殊圖形柱形圖，如下圖2所示。

3. 綁定資料：綁定圖表資料，具體操作如下圖3所示。

4. 設定樣式：①進入【樣式】。②選擇【圖形】。③將柱形的形狀設定爲【三維柱形】。④系列間隔設定爲【-100】。操作如下圖4所示。

5. 效果預覽：儲存報表，點擊【分頁預覽】，效果如下圖5所示。

6. 注1：擴展圖表不支援行動端。

7. 注2：設定分類和系列名都是國家是爲了讓每個柱子的顏色都不一樣。

1

功能介紹。

1. 不支援 條件屬性 。

2. 不支援 自訂標籤樣式 。

3. 支援資料集和儲存格兩種資料形式。

4. 支援設定資料展示時的排列順序。

5. 支援圖表關聯和組件重新整理，詳細介紹參見文檔：擴展圖表組件重新整理。

2

圖表入口。

1. 圖表型別的【擴展圖表-柱形圖類】下新增【輪播條形圖】，可選擇插入到報表中。

3

圖表屬性-資料。

1. 前端展示的進度（百分比）計算公式：指標值/目標值，如下圖所示。

2. 目標值也可以設定爲自動，其計算邏輯爲：分類中指標值最大的那個，對應的進度爲1，其他分類的進度爲當前指標值/最大指標值。

3. 排序方式的規則：①順序：按照進度（百分比）從大到小排列。②逆序：按照進度（百分比）從小到大排列。③原始：按照資料集中資料的實際順序排列。

4

圖表屬性-樣式。

1. 樣式這裏我們只介紹下圖形的設定，其他幾個設定項跟通用圖表設定項相同。

2. 圖形設定項處可改變圖形的顏色、柱寬、行間距、整屏顯示的資料條數。

5

圖表屬性-特效。

1. 可設定輪播的形式、輪播間隔、定時重新整理，如下圖1所示。

2. 輪播形式中逐條輪播和整屏輪播的效果分別如下圖2、圖3所示。

3. 注：輪播間隔最小隻能設定到 4 秒。

6

範例。

1. 準備資料：建立普通報表，建立內置資料集，資料如下圖1所示。

2. 插入圖表：①合併一片區域儲存格，②進入【儲存格元素】→【類型】→【擴展圖表-柱形圖類】，③插入輪播條形圖。如下圖2所示。

3. 綁定資料：綁定資料集中的欄位，排序方式選擇預設順序，如下圖3所示。

4. 設標度籤：標籤勾選序號、分類名、進度，如下圖4所示。

5. 效果預覽：儲存報表，點擊分頁預覽，效果如下圖5所示。

6. 注：擴展圖表不支援行動端展示。

1. 點擊下載範本。

弧形柱形圖.cpt

特殊形狀柱形圖.cpt

輪播條形圖.cp