1. 概述
1.1 問題描述
有時候希望圖表標題、坐標軸、標籤的文本內容可以換行顯示,那麼該如何實現呢?
預設效果:
期望的效果:
1.2 實現思路
文本中新增換行標籤<br/>,並使用HTML解析文本內容實現換行,以標題為例,如下圖所示:
2. 範例
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 端預覽,效果如下圖所示:
3. 範本下載
點選下載範本:圖表內容換行顯示.cpt