圖表標題/坐標軸/標籤文字換行顯示

1.1 問題描述

有時候希望圖表標題、坐標軸、標籤的文本內容可以換行顯示，那麼該如何實現呢？

預設效果：

期望的效果：

1.2 實現思路

文本中新增換行標籤<br/>，並使用HTML解析文本內容實現換行，以標題為例，如下圖所示：

2.1 資料準備

建立普通報表，新增內建資料集人員分配，分別記錄班級和人數，如下圖所示：

2.2 插入圖表

以儲存格圖表為例，合併一片儲存格，插入柱形圖，如下圖所示：

2.3 綁定資料

選中圖表並綁定圖表資料，如下圖所示：

2.4 設定換行

1）標題新增公式：'北京中關村一中初(1)班人員分配表'+'<br/>'+'(2017年)'，並選擇使用HTML解析文本內容，如下圖所示：

2）標籤文本選擇自訂，並選擇使用HTML解析文本內容，如下圖所示：

JavaScript 代碼如下：

function(){ return this.category+'<br/>'+this.seriesName+':'+this.value;}

3）Y軸的標題新增公式： '人數'+'<br/>'+'(個)'，並選擇使用HTML解析文本內容，如下圖所示：

2.5 效果預覽

1）PC 端

儲存報表，點選分頁預覽，效果下圖所示：

2）行動端

同時支援 App 端和 H5 端預覽，效果如下圖所示：

點選下載範本：圖表內容換行顯示.cpt