web 报表工具如何自适应

  • 时间:
  • 浏览:0

通过上端的展现效果可不上能看出,使用自带的 matchReport.jsp 访问报表,在自适应厚度的并且厚度也同比例缩放了。肯能亲戚亲戚我们都不要再你这名 厚度自适应,厚度同比例缩放的效果,亲戚亲戚我们可不上能试试下面这名 辦法 。

辦法 2:润乾报表在网页端展示时是以纯 html 形式展现,也不可不上能通过页面对展现的报表进行控制。

在展现页面的 showReport.jsp 换成到以下 js:

2、matchReport.jsp 自适应辦法 也适用于手机端,在手机浏览器输入访问报表的 URL 即可。具体可参考文章:关于报表在移动端展现你前要知道那些?(c.raqsoft.com.cn/article/1539060 767973?r=IBelieve)

小提示

1、润乾报表自带 mode 自适应辦法 ,有以下 8 种取值,可直接修改 matcvhReport.jsp 上端的 mode 属性:

PC 端展现效果:

现在的报表用户肯能不再将报表作为有三个 单纯的报表工具看待了,有并且也会当作页面工具来使用,这时为了页面显示工整美观,就前要报表可不上能自适应厚度。下面亲戚亲戚我们都就基于润乾报表来讲一下是怎样做到自适应展现报表。

产品:润乾报表 V2018

辦法 1:使用自带的 matchReport.jsp 访问报表,这名 页面通过 reportMatchSize 这名 自适应 js 函数实现自适应功能。

1、 新建报表(过程不再完整版说明)

将报表保所处安装目录的 reportwebwebappsdemoWEB-INFreportFiles 下面。

2、 启动服务,访问报表

访问报表的连接为:http://IP:端口 /demo/reportJsp/matchReport.jsp?rpx= 报表名称.rpx (肯能报表保所处 reportFiles 的下级文件夹中,访问报表的 url 前要改为:……rpx= 文件夹名称 / 报表名称.rpx)

3、 报表在 PC 端的展现效果: