js统计图表工具FineReport如何设置图表缩放

 时间:2024-10-17 18:56:37

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

js统计图表工具FineReport如何设置图表缩放

2、图表缩放选中图表,在右侧的图表属性表中选择特效>交互属性,勾选图表缩放标签前面的单选框,如下图:

js统计图表工具FineReport如何设置图表缩放

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

js统计图表工具FineReport如何设置图表缩放

4、图表缩放控件滑动按住左侧的滑动按钮拖曳至张颖销售员数据标签处,可以看到上方的数据也随之变化,只显示张颖销售员到右侧滑动按钮所在的韩文销售员之间的数据,如下图:

js统计图表工具FineReport如何设置图表缩放

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

js统计图表工具FineReport如何设置图表缩放
  • [VBA入门] 3、如何用代码表示单个单元格?
  • 如何在EXCEL用VBA代码实现列表框的关闭与显示
  • excel超链接怎么做?
  • 如何在excel表格中简单添加超链接
  • 如何在excel中,输入姓名,显示成绩
  • 热门搜索
    马鲛鱼最好吃的做法 一品红怎么养 好看图片大全 背景图片大全 龙猫图片大全 记忆方法 左胸痛是怎么回事 孕妇严重便秘怎么办 神调大全 压缩饼干好吃吗