可直接閱讀原文：http://c.raqsoft.com.cn/article/1539050767973?r=alice

在各企業中或者電商平臺的商家，業務方，每天都有大量的人需要線上檢視大量的指標，用於監控、分析關鍵業務資料的發展趨勢。同時，又有著能夠隨時隨地，方便快捷的檢視分析資料的訴求。我們習慣於，使用潤乾報表在 PC 端或大屏中展現，但是你知道嗎？潤乾報表 V2018 是以 HTML5 方式輸出，不僅支援在 PC 端展現，也支援在手機端展現，並且在手機端展現時可以在手機端自適應。

手機報表已有功能

目前我們提供的手機報表 APP 示例的功能有：鑽取、填報表、引數查詢、統計圖，自適應，長按電話號碼撥打電話、掃碼、分享報表到微信或 QQ 的功能。

注：長按電話號碼撥打電話、掃碼、分享的功能是在手機 APP 中有效，只有部分瀏覽器支援這個功能。

自適應方式

設計器安裝目錄 reportJsp 目錄下提供了 matchReport.jsp, 在這個頁面中是通過 reportMatchSize 這個自適應 js 函式實現的自適應功能。

js 函式用法說明如下：

reportMatchSize(rongqi, reportdiv, mode)

引數說明：

rongqi  頁面中的 html 容器元素 (如 div,td 等)，報表將按此容器的尺寸進行匹配適應。

reportdiv  報表所在的 div 物件。

mode  自適應方式，有以下 8 種取值：

0   按設計尺寸展現，不用適應容器。

1   始終用報表寬度適應容器寬度，報表高度同比例縮放

2   始終用報表高度適應容器高度，報表寬度同比例縮放

3   豎屏時，相當於 mode=2；橫屏時，相當於 mode=1

4   豎屏時，相當於 mode=1；橫屏時，相當於 mode=2

5   豎屏時，報表高和寬均分別適應容器的高和寬；橫屏時，不需適應容器

6   豎屏時，不需適應容器；橫屏時，報表高和寬均分別適應容器的高和寬

7   報表高和寬均分別適應容器的高和寬

函式功能：讓 reportdiv 按照實際尺寸以指定的適應方式與容器 rongqi 的尺寸相匹配適應

說明：自適應功能不適合用於固定表頭的報表和摺疊報表，也可以在自己寫的報表展現頁面中新增 reportMatchSize 這個 js 方法實現自適應功能。

具體例項看原文:http://c.raqsoft.com.cn/article/1539050767973?r=alice

作者：shiguang
來源：乾學院
著作權歸作者所有。商業轉載請聯絡作者獲得授權，非商業轉載請註明出處。