圖表標籤換行展示

1.1 問題描述

圖表標籤內容過長時，如果標籤設定在內部，那麼會超出圖形的範圍，影響報表的美觀程度，如下圖所示：

1.2 解決思路

透過自訂標籤，讓標籤文字可以換行顯示。

2.1 報表設計

1）建立普通報表，建立內建資料集 Embedded1，如下圖所示：

2）合併一片區域儲存格，插入柱形圖，如下圖所示：

3）選中柱形圖，右側屬性面板選擇「儲存格元素>樣式>標籤」，勾選使用標籤，輸入自訂標籤代碼，如下圖所示：

代碼如下：

function(){  var a = this.value.toString();//可把一個邏輯值轉換為字串，並傳回結果
var length = a.length; var b = parseInt((a.length)/2);//分成2部分取整
var value= a.substring(0,b)+"<br>"+a.substring(b,length);//展示前部分，換行展示後部分
return value
}

2.2 效果預覽

1）PC 端

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

2）行動端

點選下載範本：圖表標籤換行展示.cpt