条形图分类名左对齐

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