历史版本2 :条形图分类名左对齐 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 问题描述

默认的条形图分类名是右对齐的,整体效果看起来显得图表左侧有些凌乱,如下所示:


1.2 实现效果

如何使条形图的分类名左对齐,让视觉效果比较平整呢?效果如下所示:


2. 示例编辑

2.1创建数据集

创建数据集ds1,SQL 语句为 SELECT 销售员,sum(销量) as 销量 FROM 销量 group by 销售员

2.2 单元格设计

合并单元格A1至F15,插入一个条形图

2.3 条形图设置

数据来源选择数据集 ds1,分类为销售员,值为销量,如下所示:

2.4 设置加载结束事件

点击模板>模板web属性>分页预览设置>为该模板单独设置,添加一个加载结束事件,代码如下

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.5 预览效果

PC端:

不支持移动端

3. 模板下载编辑

点击下载模板:

条形图分类名左对齐.cpt