[新]柱形图-图表缩放

编辑
文档创建者:文档助手1 (67727 )     浏览次数:5838次     编辑次数:13次     最近更新:susie 于 2017-11-14     

目录:

1. 版本说明编辑

  设计器版本
  jar包版本
  图表(新特性)插件
9.0  
  8.0  2017.01.06  8.4.0

2. 描述编辑

新柱形图重新设计了坐标轴缩放功能,新功能支持控件缩放和手势缩放两种形态,同时支持控件默认状态设置;并且支持数据表与缩放控件同时存在:
222
222
当设置缩放控件后,除了拖动缩放控件外,在绘图区内拖动也将触发缩放控件的滑动。
绘图区内拖动方向与控件相反,如向左滑动则控件则对应的图表区域向右滑动。

3. 示例编辑

3.1 准备数据
新建工作薄,添加数据集ds1,SELECT * from S订单 order by 订购日期 limit 25
3.2 插入图表
以单元格图表为例,合并一片单元格,点击插入>单元格元素>插入图表,选择柱形图(新特性)-柱形图
3.3 图表数据设置
选中图表,在右侧选择数据,设置如下图所示:
无需设置,即可手势缩放,直接使用鼠标选中一个矩形区域,那么就放大该区域中所框到的系列所在的分类。
除默认设置外,还可选择只缩放X轴或Y轴,又或者无缩放功能:
3.4 保存与预览
保存模板,点击分页预览,效果即如上。
在线查看模板效果请点击:手势缩放柱形图.cpt
已完成模板可参考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\ColumnChart\手势缩放柱形图.cpt
3.5 图表特效设置
打开上面的模板,选中特效>交互属性>图表缩放>缩放控件,点击开启,如下图:

若设置控件边界可调整,那么可以设置初始左边界和初始右边界,设置方法如下:
这里x轴是分类坐标轴,那么写成字符串的形式,左边界:='2010-01-01 00:00:00',右边界'=2010-02-02 00:00:00',如下图:
222
注:如果x轴是分类坐标轴,那么边界必须是已有的分类,如果x轴是数值/日期坐标轴,那么边界就可以是一段范围而不一定是已有的分类

这里就不设置控件边界了,点击分页预览,查看模板,我们可以在web端看到如下图所示的效果,在分类轴数据标签下方出现一个缩放控件,控件有左右两个滑动按钮,两个按钮之间的分类轴数据就是上方图表显示的部分,如下图所示:
222
3.6 数据表设置
若有数据表存在,滑动缩放控件或者更改缩放边界,绘图区内容和对应数据表内容同时跟随改变,并且在数据表范围内左右滑动也可触发缩放控件的滑动
实现方法为选择样式>数据表,勾选显示数据表。
效果如下:
222
注:无论有几个系列,缩放控件内部的趋势线都只有一条,是通过统计每个分类下所有系列和生成的。
3.7 保存与预览
保存模板,点击分页预览,效果即如上。
在线查看模板效果请点击:控件缩放柱形图.cpt
已完成模板可参考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\ColumnChart\控件缩放柱形图.cpt

附件列表


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

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

此页面有帮助吗?