ActiveReportsJS 是一款基于 JavaScript 和 HTML5 的輕量級(jí)Web報(bào)表工具，采用拖拽式設(shè)計(jì)模式，不需任何服務(wù)器和組件支持，即可在 Mac、Linux 和 Windows 操作系統(tǒng)中，設(shè)計(jì)多種類型的報(bào)表。ActiveReportsJS 同時(shí)提供跨平臺(tái)報(bào)表設(shè)計(jì)、純前端報(bào)表展示、多數(shù)據(jù)源綁定、前端打印導(dǎo)出等功能，靈活豐富的 API 可為您帶來無與倫比的報(bào)表開發(fā)體驗(yàn)。

ActiveReportsJS v3.0正式版下載

具體更新內(nèi)容如下：

報(bào)表API增強(qiáng)，定制能力更靈活

為了給最終用戶提供簡(jiǎn)易的報(bào)表編輯器，讓客戶能夠根據(jù)自己的業(yè)務(wù)場(chǎng)景，選擇相關(guān)的業(yè)務(wù)數(shù)據(jù)來生成報(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ā)者來說，該功能可以非常方便地通過調(diào)用API來創(chuàng)建、預(yù)覽、導(dǎo)出報(bào)表，報(bào)表的定制能力進(jìn)一步增強(qiáng)，最終用戶也可以在更加簡(jiǎn)單且不中斷當(dāng)前業(yè)務(wù)系統(tǒng)的處理流程中來進(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í)，可以通過API對(duì)控件的默認(rèn)屬性進(jìn)行更加靈活的設(shè)置。例如，添加文本框控件后，屬性窗口中會(huì)自動(dòng)為文本框設(shè)置一些默認(rèn)屬性值。在原來的模式下，設(shè)計(jì)器默認(rèn)的字體為 Airal，字體大小為10pt。然而，很多企業(yè)內(nèi)部的報(bào)表模板有自己的規(guī)范，需要將默認(rèn)的文本框字體改為微軟雅黑，字體大小修改為9pt。因此，我們?cè)诖舜胃轮刑峁┝薃PI ，可供設(shè)計(jì)器來設(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頁導(dǎo)出，不支持將所有的數(shù)據(jù)導(dǎo)出到單個(gè)Sheet中。為了解決該問題，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ā)語言的限制，精細(xì)優(yōu)化各個(gè)報(bào)表生成的關(guān)鍵節(jié)點(diǎn)。此次采用變量式數(shù)據(jù)結(jié)構(gòu)存儲(chǔ)，使得整個(gè)報(bào)表的性能得到了顯著提升。

將變量用于結(jié)果展示時(shí)候，通過數(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ū)В趫D表數(shù)據(jù)區(qū)域提供了一套豐富的可視化配置功能。您只需按照向?qū)c(diǎn)擊或選擇，就能快速創(chuàng)建雷達(dá)圖、玫瑰圖、漏斗圖等高級(jí)圖表。

圖像控件支持URL數(shù)據(jù)且支持SVG格式

在使用圖片控件時(shí)，有些場(chǎng)景的圖片資源是來源于外部URL的，因?yàn)閳D片可能會(huì)保存到外部服務(wù)器上。本次版本升級(jí)，支持了圖片控件直接引用外部URL來顯示圖片。另外，圖像控件新增圖片格式 SVG，可直接將SVG圖片格式渲染到報(bào)表中。