ActiveReportsJS 是一款基于 HTML5 的純前端在線報(bào)表控件，通過(guò)拖拽式跨平臺(tái)報(bào)表設(shè)計(jì)器和純前端報(bào)表設(shè)計(jì)器，可以快速設(shè)計(jì) Excel報(bào)表、 Word文檔、 移動(dòng)端報(bào)表、圖表、數(shù)據(jù)過(guò)濾、數(shù)據(jù)鉆取、精準(zhǔn)套打等類型報(bào)表，可全面滿足 JavaScript、HTML5、Angular、Vue、React、PureJS ，Nodejs等項(xiàng)目開發(fā)的報(bào)表設(shè)計(jì)、展示、打印導(dǎo)出等需求。同時(shí)，通過(guò)豐富的API可以靈活實(shí)現(xiàn)報(bào)表創(chuàng)建、加載和運(yùn)行時(shí)的個(gè)性化自定義需求。
近期，我們迎來(lái)了ActiveReportsJS V3.0的正式發(fā)布。V3.0版本在報(bào)表的API定制能力、報(bào)表性能、圖表等多個(gè)方面大幅增強(qiáng)，為開發(fā)人員、報(bào)表設(shè)計(jì)人員和最終用戶提供了更優(yōu)的產(chǎn)品體驗(yàn)。
一、報(bào)表API增強(qiáng)，定制能力更靈活
為了給最終用戶提供簡(jiǎn)易的報(bào)表編輯器，讓客戶能夠根據(jù)自己的業(yè)務(wù)場(chǎng)景，選擇相關(guān)的業(yè)務(wù)數(shù)據(jù)來(lái)生成報(bào)表，ActiveReportsJS 開放了創(chuàng)建報(bào)表的API，開發(fā)者可在項(xiàng)目運(yùn)行時(shí)動(dòng)態(tài)創(chuàng)建報(bào)表，并可以進(jìn)行預(yù)覽、導(dǎo)出等操作。對(duì)開發(fā)者來(lái)說(shuō)，該功能可以非常方便地通過(guò)調(diào)用API來(lái)創(chuàng)建、預(yù)覽、導(dǎo)出報(bào)表，報(bào)表的定制能力進(jìn)一步增強(qiáng)，最終用戶也可以在更加簡(jiǎn)單且不中斷當(dāng)前業(yè)務(wù)系統(tǒng)的處理流程中來(lái)進(jìn)行報(bào)表設(shè)計(jì)。為了能夠更好地使用API，建議使用Typescript，因?yàn)樵揂PI提供了可被Visual Studio Code或其他支持TypeScript的IDE的IntelliSense功能所識(shí)別的類型聲明。
二、報(bào)表設(shè)計(jì)器控件支持定制默認(rèn)屬性
當(dāng)用戶在報(bào)表中添加新的報(bào)表控件時(shí)，可以通過(guò)API對(duì)控件的默認(rèn)屬性進(jìn)行更加靈活的設(shè)置。例如，添加文本框控件后，屬性窗口中會(huì)自動(dòng)為文本框設(shè)置一些默認(rèn)屬性值。在原來(lái)的模式下，設(shè)計(jì)器默認(rèn)的字體為 Airal，字體大小為10pt。然而，很多企業(yè)內(nèi)部的報(bào)表模板有自己的規(guī)范，需要將默認(rèn)的文本框字體改為微軟雅黑，字體大小修改為9pt。因此，我們?cè)诖舜胃轮刑峁┝薃PI ，可供設(shè)計(jì)器來(lái)設(shè)置組件的默認(rèn)屬性值，保證企業(yè)內(nèi)部模板的統(tǒng)一設(shè)置。
三、新增表格類數(shù)據(jù)導(dǎo)出，支持將報(bào)表導(dǎo)出為CSV
很多情況下，最終用戶想將報(bào)表展示的數(shù)據(jù)導(dǎo)出后，進(jìn)行存檔或者二次數(shù)據(jù)處理，比如將報(bào)表展示結(jié)果導(dǎo)出到為Excel，進(jìn)行數(shù)據(jù)分析或者二次編輯。 ActiveReportsJS之前的版本僅支持分Sheet頁(yè)導(dǎo)出，不支持將所有的數(shù)據(jù)導(dǎo)出到單個(gè)Sheet中。為了解決該問(wèn)題，V3.0版本基于表格類的數(shù)據(jù)導(dǎo)出，支持將表格或矩表數(shù)據(jù)導(dǎo)出為CSV格式。
如果報(bào)表包含了多個(gè)表格或矩表，會(huì)自動(dòng)導(dǎo)出為ZIP包，您可以很容易地將表格式數(shù)據(jù)導(dǎo)出，并導(dǎo)入到Excel表格中。
四、變量式大數(shù)據(jù)量緩存加載機(jī)制，報(bào)表性能更強(qiáng)
為了保證報(bào)表性能適應(yīng)更大體量的數(shù)據(jù)報(bào)表生成，葡萄城開發(fā)團(tuán)隊(duì)一直致力于優(yōu)化報(bào)表引擎以提升報(bào)表性能，突破平臺(tái)和開發(fā)語(yǔ)言的限制，精細(xì)優(yōu)化各個(gè)報(bào)表生成的關(guān)鍵節(jié)點(diǎn)。此次采用變量式數(shù)據(jù)結(jié)構(gòu)存儲(chǔ)，使得整個(gè)報(bào)表的性能得到了顯著提升。
將變量用于結(jié)果展示時(shí)候，通過(guò)數(shù)據(jù)引擎交互計(jì)算，減少內(nèi)存分配，提升轉(zhuǎn)換效率，從而減少了時(shí)間和內(nèi)存的消耗。此種方法，也在實(shí)際的報(bào)表場(chǎng)景中得到驗(yàn)證。。
同時(shí)，在V3.0中，我們改進(jìn)了關(guān)于日期類型數(shù)據(jù)的讀取操作，大量使用日期類型數(shù)據(jù)的報(bào)表性能會(huì)提升30%以上。
五、圖表提供構(gòu)建向?qū)?，高?jí)圖表設(shè)計(jì)更簡(jiǎn)單
在ActiveReportsJS V3.0版本中，我們引入了全新的圖表向?qū)?，在圖表數(shù)據(jù)區(qū)域提供了一套豐富的可視化配置功能。您只需按照向?qū)c(diǎn)擊或選擇，就能快速創(chuàng)建雷達(dá)圖、玫瑰圖、漏斗圖等高級(jí)圖表。
六、圖像控件支持URL 數(shù)據(jù)且支持SVG格式
在使用圖片控件時(shí)，有些場(chǎng)景的圖片資源是來(lái)源于外部URL的，因?yàn)閳D片可能會(huì)保存到外部服務(wù)器上。本次版本升級(jí)，支持了圖片控件直接引用外部URL來(lái)顯示圖片。另外，圖像控件新增圖片格式 SVG，可直接將SVG圖片格式渲染到報(bào)表中。
以上就是 ActiveReportsJS純前端在線報(bào)表控件 V3.0的主要新特性了，如需了解更多詳細(xì)信息，歡迎訪問(wèn) ActiveReportsJS 官網(wǎng)。
（免責(zé)聲明：本網(wǎng)站內(nèi)容主要來(lái)自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網(wǎng)站出現(xiàn)的信息，均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性，但不保證有關(guān)資料的準(zhǔn)確性及可靠性，讀者在使用前請(qǐng)進(jìn)一步核實(shí)，并對(duì)任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對(duì)有關(guān)資料所引致的錯(cuò)誤、不確或遺漏，概不負(fù)任何法律責(zé)任。
任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁(yè)或鏈接內(nèi)容可能涉嫌侵犯其知識(shí)產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí)，應(yīng)及時(shí)向本網(wǎng)站提出書面權(quán)利通知或不實(shí)情況說(shuō)明，并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后，將會(huì)依法盡快聯(lián)系相關(guān)文章源頭核實(shí)，溝通刪除相關(guān)內(nèi)容或斷開相關(guān)鏈接。 ）
