js统计图表工具FineReport教程：[12]图表缩放

1、图表准备添加一个ds1数据集：SELECT * FROM [销量]在报表主体中合并一片单元格区域，插入单元格图表元素，选择柱形图，图表布局方式选择上下渐变，接着在右侧的图表属性表-数据中，为该柱形图绑定数据，如下图：

3、效果查看点击分页预览，查看模板，我们可以在web端看到如下图所示的效果，在分类轴数据标签下方出现一个缩放控件，控件有左右两个滑动按钮，两个按钮之间的分类轴数据就是上方图表显示的部分：

5、直接矩形区域放大除了可以使用滑动按钮来放大缩小图标部分之外，FineReport还支持直接使用鼠标选中一个矩形区域，那么就放大该区域中所框到的系列所在的分类，如下图：

6、注：如果矩形区域只选择了某个分类的一个系列，那么在放大的时候也还是会显示整个分类的所有系列。