條形圖分類名左對齊

1.1 版本

1.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 效果預覽

儲存範本，點選預覽，條形圖的分類名左對齊，如下圖所示

注：不支援行動端

點選下載範本：條形圖分類名左對齊.cpt