潤乾報表實現移動端報表展現
可直接閱讀原文: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
來源:乾學院
著作權歸作者所有。商業轉載請聯絡作者獲得授權,非商業轉載請註明出處。