純前端表格控件SpreadJS V14.0發佈:組件化編輯器+數據透視表

SpreadJS 是一款基於 HTML5 的純前端表格控件,兼容 450 種以上的 Excel 公式,具備“高性能、跨平臺、與 Excel 高度兼容”的產品特性,可爲用戶提供高度類似 Excel 的功能,滿足 Web Excel組件開發、 表格文檔協同編輯、 數據填報、 類Excel報表設計等業務場景需求,極大的降低企業的研發成本和項目交付風險。

產品自面市以來,備受華爲、蘇寧易購、天弘基金、遠光軟件等各領域龍頭企業的青睞,並於2020年被中國軟件行業協會認定爲“中國優秀軟件產品”。

image.png

日前,SpreadJS 正式發佈V14.0版本。從該版本開始,SpreadJS推出了數據透視表功能,進一步降低企業數據分析的門檻,提升系統數據處理的能力。

此外,SpreadJS 還在 V14.0中發佈了組件化的在線表格編輯器,提供了更易嵌入、秒級加載、靈活定製的功能。在線表格編輯器可與SpreadJS 集成,助力開發者在主流前端 JS 框架中,實現高性能的模板設計、在線編輯、填報和數據綁定等功能。

在詳細介紹SpreadJS V14.0的新特性之前,請同步下載體驗:

純前端表格控件SpreadJS V14.0下載

SpreadJS V14.0 新特性介紹

1. 數據透視表:完美再現Excel 強大的數據分析能力

作爲一款功能佈局與 Excel 高度類似的純前端表格控件,SpreadJS不但兼容了450 種以上的 Excel 公式、32 種圖表和 18 種迷你圖,還在此版本中正式推出數據透視表功能。

image.png

(SpreadJS的數據透視表)

如上圖所示,SpreadJS的數據透視表已具備了 Excel 透視表的絕大部分功能,包括透視面板、透視表字段、篩選器、值字段設置、數據排序、分類彙總等。

通過50萬行數據測試,SpreadJS 的數據透視表仍表現出極高的數據處理性能,所有操作在527毫秒內即可執行完畢。

image.png

2. 組件化的在線表格編輯器:更易嵌入、秒級加載、靈活定製

在線表格編輯器作爲 SpreadJS 的增強組件,可輕鬆嵌入各類前端頁面,內置開放的 API 和類 Excel 的 UI 設計元素,助力開發者在 Angular、Vue、React 等前端 JS 框架中,實現高性能的模板設計、在線編輯/填報和數據綁定等功能,併爲最終用戶帶來高度類似 Excel 的使用體驗。

在 V14.0版本中,SpreadJS推出了基於組件化設計架構的在線表格編輯器,該編輯器以 Dom 作爲容器,通過前端組件的形式發佈,可以在本地下載試用,無任何功能限制。

點擊此處,下載SpreadJS 組件化表格編輯器

組件化的在線表格編輯器具備如下優勢:

  1. 應用方式更靈活

image.png

(組件化的設計架構,應用方式更靈活)

  1. 更易嵌入、移植

image.png
(不依賴任何第三方類庫)

  1. 體積更小,秒級加載

image.png

(體積不到 4 MB,秒級即可完成加載)

  1. 定製更容易,交互更豐富

image.png

(用聲明式語法代替 HTML 源代碼,定製更容易)

3. 公式函數:支持迭代計算,加入XMatch & XLookup、LET 等新函數

SpreadJS在當前版本中支持了迭代計算,即可通過一個遞推公式反覆校正設定的初始近似值,直至達到預定精度要求爲止,具體實現如下所示:

image.png
(SpreadJS的迭代計算功能)

image.png

(迭代計算的實例演示)

除了迭代計算,SpreadJS 還在當前版本中加入了XMatch & XLookup,以及LET函數

image.png

(SpreadJS 的 XMatch & XLookup函數)

image.png

(SpreadJS 的 LET函數)

4. 導入導出:支持漸進加載、HTML 導出

在當前版本中,SpreadJS 不僅可直接在瀏覽器中完成 Excel、CSV、JSON 等文件的導入導出、PDF 導出、打印及預覽操作,還加入了漸進加載、HTML 導出等更多新功能。

image.png

(SpreadJS 的 HTML 導出功能)

5. 單元格:支持漸進填充、多列選擇

SpreadJS已支持單元格漸進填充效果,可實現多列選擇、行列頭支持公式函數以及迷你圖等功能。

image.png

(SpreadJS 的漸進填充效果)

image.png

(SpreadJS 的行列頭支持公式及迷你圖)

6. 數據可視化:新增漏斗圖,支持圖表軸交叉屬性

SpreadJS在當前版本中新增了漏斗圖類型,並支持圖表模板填充、GapWidth & Overlap 調整、環形圖的 holeSize 屬性調整,以及圖表軸交叉等新功能。

image.png
(SpreadJS 的漏斗圖)

image.png

(SpreadJS 的圖表模板填充效果)

image.png

(SpreadJS 的圖表軸交叉功能)

image.png

(SpreadJS 的GapWidth & Overlap 調整效果)

image.png

(SpreadJS 的holeSize 屬性調整效果)

以上就是純前端表格控件SpreadJS V14.0的主要功能介紹,如需瞭解更多新版本信息,歡迎訪問SpreadJS 產品官網

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章