WijmoJS 是一款前端開發工具包，由 80 多款基于 HTML5、支持跨平臺的高性能 UI 組件（如表格組件、圖表組件、數據分析組件、導航組件和金融圖表組件等）構成，完美兼容原生 JavaScript，支持 Angular、React、Vue 等前端框架，用于企業級 Web 應用程序的快速開發和構建。

近日，WijmoJS V2021.0 Update1正式發布，本次更新加入了一款同時兼容Angular、React和Vue的可視化地圖組件，以及用于綁定REST API 的數據管理組件RestCollectionView。

在為您列舉 WijmoJS的更新內容之前可點擊下方鏈接下載安裝包，以便同步體驗。

點擊下載最新版WijmoJS

前端開發工具包 WijmoJS V2021.0 Update1 新特性一覽：

加入同時兼容Angular、React和Vue的可視化地圖組件

 WijmoJS 在本次更新中，加入了一款用于地理數據可視化展示的地圖組件FlexMap，該組件可以使您的地理數據栩栩如生，并變得更易于分析。目前， FlexMap組件還處于測試階段，后續會持續優化并添加一些地圖包（區域地圖文件）。

FlexMap組件功能支持渲染色度和為地圖添加標注點，如散點圖和氣泡圖，組件使用GeoJSON綁定地理要素圖層和點圖層（建議將NaturalEarthData用作GeoJSON數據的源，并根據需要自定義MapShaper）。

如下是FlexMap組件的部分使用場景：

1. 在JavaScript、Angular、React和Vue中創建分級統計地圖

借助FlexMap，只需幾行代碼就可以輕松創建分級統計地圖。分級統計地圖用于顯示地理區域的統計值，每個區域都會根據其表示的數據進行著色。

2. 在JavaScript、Angular、React和Vue中創建散點圖

FlexMap支持為地圖添加興趣點，以及創建散點圖。散點圖用于顯示地圖上特定坐標處的興趣點。

3. 在JavaScript、Angular、React和Vue中創建氣泡地圖

FlexMap可用于創建氣泡地圖。氣泡圖在地圖上顯示的氣泡大小取決于數據的值（較大的值=較大的氣泡）。

新的圖表動態調色板

WijmoJS 的第二個新功能是圖表動態調色板，用于在地圖和圖表中創建漂亮的分級統計地圖。

調色板的配色方案參考了專業配色網站，包括以下幾種：

• 順序（SequentialSingle和SequentialMulti） ：按顏色深淺顯示數據從低到高的順序，從低值到高值依次以深色到淺色表示。
• 發散：兩端為深色，中端為淺色，淺色表示中間值，深色代表極低值和極高值。
• 定性：最適合顯示名義或分類數據。顏色不表示值的差異。

利用這些新的調色板可以創建非常美觀的圖表。

用于綁定REST API的RestCollectionView組件

WijmoJS 的第三個新功能是一款RestCollectionView組件，該組件用于綁定REST API。

在默認情況下，排序、分頁和篩選是在服務器上完成的，但是借助WijmoJS ，便可以在客戶端上更改其中的任何設置，將自定義的RestCollectionView綁定到WijmoJS組件中，便可自動調用服務器以執行CRUD操作。

要使用這個組件，您只需創建一個擴展RestCollectionView并重寫以下方法：

• getItems：從服務器獲取項目列表。該列表可以被排序，過濾和分頁。
• addItem：將一個項目添加到服務器上的集合中。
• patchItem：在服務器上編輯集合中的項目。
• deleteItem：從服務器上的集合中刪除一個項目。

可用于Angular、React和Vue的MultiRow單元格模板

WijmoJS 的最后一個新功能是可用于Angular、React和Vue的單元格模板，使用該模板來標記定義MultiRow單元格中的自定義內容。單元格模板支持綁定語法、嵌套組件、自定義HTML和條件邏輯。

以上就是前端開發工具包 WijmoJS V2021.0 Update1的更新內容，如需了解詳細信息，歡迎訪。