历史版本13 :图表缩放 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 版本说明编辑
设计器版本 | jar包版本 | 图表（新特性）插件 |
|---|---|---|
| 9.0 | ||
| 8.0 | 2017.01.06 | 8.4.0 |
2. 描述编辑
新柱形图重新设计了坐标轴缩放功能，新功能支持控件缩放和手势缩放两种形态，同时支持控件默认状态设置；并且支持数据表与缩放控件同时存在：
当设置缩放控件后，除了拖动缩放控件外，在绘图区内拖动也将触发缩放控件的滑动。
绘图区内拖动方向与控件相反，如向左滑动则控件则对应的图表区域向右滑动。
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'，如下图：
注：如果x轴是分类坐标轴，那么边界必须是已有的分类，如果x轴是数值／日期坐标轴，那么边界就可以是一段范围而不一定是已有的分类
这里就不设置控件边界了，点击分页预览，查看模板，我们可以在web端看到如下图所示的效果，在分类轴数据标签下方出现一个，控件有左右两个滑动按钮，两个按钮之间的分类轴数据就是上方图表显示的部分，如下图所示：
3.6 数据表设置
若有数据表存在，滑动缩放控件或者更改缩放边界，绘图区内容和对应数据表内容同时跟随改变，并且在数据表范围内左右滑动也可触发缩放控件的滑动
实现方法为选择样式>数据表，勾选显示数据表。
效果如下：
注：无论有几个系列，缩放控件内部的趋势线都只有一条，是通过统计每个分类下所有系列和生成的。
3.7 保存与预览
保存模板，点击分页预览，效果即如上。
在线查看模板效果请点击：控件缩放柱形图.cpt
已完成模板可参考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\ColumnChart\控件缩放柱形图.cpt