圖表工具欄

1.1 版本

1.2 應用場景

在預覽範本時，可透過圖表右上角工具欄對單個圖表進行排序、匯出和全螢幕操作。如下圖所示：

1.3 功能簡介

圖表工具欄在圖表屬性面板中的「特效」tab 頁中，可選擇需要的工具，以及設定工具是展開還是「收縮於抽屜選單內」。如下圖所示：

注：App 端 和 HTML5 端只支援排序工具，其他暫不支援。

支援「排序」的圖形只有 柱形圖，條形圖，折線圖，面積圖，餅圖，多層餅圖、儀表盤、雷達圖。其中「多層餅圖」按照絕對值排序，其餘圖形根據實際值大小排序。

以柱形圖為例：

1）單個分類單個系列——按照實際值的大小進行排序

例如下圖：分類為「銷售員」，系列為「銷量」，排序時按照銷量大小升冪或降冪排列。

2）單個分類多個系列——按照分類下系列總和的大小進行排序

例如下圖：分類為「產品」，系列為「銷量」和「庫存量」，排序時按照「銷量+庫存量」的總和大小升冪或降冪排列。

升冪時則為： 蘋果汁 < 柳橙汁 < 牛肉乾 < 巧克力 < 牛奶 。

3）多分類——按照最底層分類的系列總和進行排序

例如下圖：底層分類為「地區」，上層分類為「產品」，系列為「銷量」和「庫存量」。

升冪時則為： 華東 < 華北 ；華東分類下，蘋果汁 < 柳橙汁 < 巧克力 < 牛奶 < 牛肉乾 ；華北分類下，蘋果汁 < 牛肉乾 < 牛奶 < 巧克力 < 柳橙汁   。

注：若不想使用工具欄中的排序按鈕，還可以使用排序API透過按鈕點選事件或者初始化事件實現。詳情請參見文檔 圖表排序API 。

4）注意事項

柱形圖和條形圖，可以設定分類為「無」，系列使用欄位值，實現圖形效果。如下圖所示：

但分類為無時，柱形圖和條形圖的排序不生效。

1）圖表匯出時，僅支援匯出為 .png 格式的圖片，匯出時圖片名稱預設為 export.png 且不支援匯出時修改，只能匯出後自行修改圖片名稱。

2）圖表匯出是匯出最初預覽展示時的圖表狀態，如果進行了排序圖例等交互操作，匯出的圖片還是最初始時的圖表效果。

3）如果圖表設定了閃爍動畫，匯出時會按照動畫關閉進行匯出。

4）若趨勢線指數和多項式擬合設定虛線，為避免虛線複雜擬合導致 mac 系統下當機，這兩種情況下的趨勢線匯出時會處理為實線。

5）為防止伺服器當機，單個圖表匯出資料量有一定的限制：

• 匯出判斷流程如下圖所示：

• 在數據決策系統中，點選「管理系統>智慧維運>負載管理>範本限制>通用限制」 中，支援使用者自訂單圖表匯出最大數據條數。功能預設開啟，最大條數為 20000 條。

注：資料條數不是指資料集的條數，而是前端轉列的圖形個數，例如柱形圖有 3 個分類，每個分類有 2 個系列，則代表匯出 6 筆資料。

• 若不開啟「單個圖表匯出資料量限制」，則按照圖表實際資料條數匯出圖片。

• 若開啟了「單個圖表匯出資料量限制」，圖表資料未超出設定參數，則按照圖表實際資料條數匯出圖片。

• 若開啟了「單個圖表匯出資料量限制」，圖表資料超出了設定參數，則按照設定參數資料條數匯出圖片。

• 該設定項僅支援「通用限制」，不支援部分範本單獨限制。即切換至部分範本單獨限制不顯示該配置項。

• 若使用者自訂了最大數據條數或關閉了單個圖表匯出資料限制，當匯出資料量過大會導致 v8 記憶體（1.6G）上限溢位時，將匯出如下所示空白提示圖片：

6）11.0.2 版本及之後的設計器中，還可透過 圖表匯出API 進行匯出。

1）11.0.4 版本之前的設計器中，圖表全螢幕時，圖表背景預設為白色，那麼在深色範本中時，圖表全螢幕就會比較突兀；而且圖表字體不會根據全螢幕後的圖表大小進行自適應，圖表整體效果就不太協調。如下圖所示：

而 11.0.4 版本及之後的設計器中，圖表全螢幕後，圖形和字體均會自適應全螢幕後的大小展示，且 圖表背景 取色邏輯也進行了優化。

圖表背景取色邏輯如下表所示：

那麼上圖在優化後的設計器中，全螢幕效果如下圖所示：

2）11.0.2 版本及之後的設計器中，還可透過 圖表特效API 進行全螢幕展示。