历史版本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端:
不支持移动端