1. 概述
1.1 版本
1.2 功能簡介
預設條形圖分類名是向右對齊,整體效果看起來顯得圖表左側有些凌亂。
使用者希望條形圖的分類名左對齊,讓視覺效果比較平整。
優化前:

優化後:

2. 範例
2.1 建立資料集
建立一個普通報表,建立資料集ds1,SQL語句:SELECT * FROM 銷量

2.2 設計圖表
在A1儲存格插入一張條形圖,圖表資料來源資料集ds1,設定如下表所示:

2.3 設定載入結束事件
點選菜單欄「範本>範本Web屬性」,點選「分頁預覽設定」,選擇「為該範本單獨設定」,新增一個「載入結束」事件。
輸入JavaScript程式碼,如下圖所示:

JavaScript程式碼如下:
setTimeout(function() {
$("td[id^=A1-] svg > g.backGroup > g:nth-child(6) > g:nth-child(2) text").each(function(i, item) {
var str = $(item).attr("transform").replace("translate(", "").replace(")", "");
str = str.split(" ")[1];
$(item).attr("transform", "translate(8 " + str + ")");
})
}, 100)
2.4 效果預覽
儲存範本,點選預覽,條形圖的分類名左對齊,如下圖所示
注:不支援行動端

3. 範本下載