[新]Y轴自定义和柱子排序

编辑
文档创建者:文档助手1 (67727 )     浏览次数:5732次     编辑次数:44次     最近更新:caixiaolan 于 2017-04-19     

目录:

1. 问题描述编辑

新图表支持全面自定义,使得用户可以在基础图表上做出更多注释型的图表,新图表的坐标轴支持自定义函数
效果如下图:
222

2. 示例编辑

2.1 准备数据
新建工作薄,添加ds1数据集,如下图:
222
2.2 插入图表
以单元格图表为例,合并一片单元格,点击插入>单元格元素>插入图表,选择条形图(新特性)-条形图
另外,在H1和I1单元格拖入数据列姓名和销售额,如下图:
222
此处销售额必须是降序排列,可以看到SQL中已进行过该操作。
设置完成后隐藏该两列。
2.3 图表数据设置
选中图表,在右侧图表属性表中选择图表属性表-数据,如下图所示:
2.4 图表样式设置
选中图表属性表-样式>坐标轴>Y轴,点击开启轴逆序,格式选择自定义,如下图:
222
function() {var a; if (this == $("td[id^=H1-]").text()){ a="Top1"+$("td[id^=H1-]").text();} else if (this ==$("td[id^=H2-]").text()){ a="Top2"+ $("td[id^=H2-]").text();} else if(this==$("td[id^=H3-]").text()){ a="Top3"+$("td[id^=H3-]").text(); } else { a=this} return a; }
$("td[id^=H1-]").text()即获取单元格的内容;
Top1、2、3分别对应扩展出来的H1、2、3的值,即定义坐标值为H1时,坐标轴显示为Top1+H1,以此类推。
按照需要可在图表属性表中进一步设置图表样式,例如调整标题,系列间隔,这里不再一一介绍
2.5 保存与预览
保存模板,点击分页预览,效果即如上。
已完成模板可参考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\NewColumnChart\CustomAxisLabel.cpt

附件列表


主题: 新图表
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗?