关于葡萄城开发技术:WijmoJS-前端开发工具包发布更新加入可视化地图组件

3次阅读

共计 1681 个字符,预计需要花费 5 分钟才能阅读完成。

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 的更新内容,如需理解详细信息,欢送拜访 WijmoJS 产品官网。

正文完
 0