WijmoJS是葡萄城推出的一款前端开发工具包，包含80多个基于HTML5的高性能UI组件，支持交叉-平台化（如表格组件、图表组件、数据分析组件、导航组件、财经图表组件等），完美兼容原生JavaScript，支持Angular、React、Vue等前端框架，用于快速企业级网络应用的开发和建设。近日，WijmoJSV2021.0Update1正式发布。本次更新新增了兼容Angular、React、Vue的可视化地图组件，以及绑定RESTAPI的数据管理组件RestCollectionView。在为您列出WijmoJS更新内容之前，请先到WijmoJS产品官网下载安装包进行同步体验。前端开发工具包WijmoJSV2021.0Update1新特性列表：新增兼容Angular、React、VueWijmoJS的可视化地图组件本次更新新增了地理数据可视化展示的地图组件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的第二个新功能是图表的动态调色板，用于在地图和图表中创建漂亮的分层统计图。调色板的配色方案参考专业配色网站，包括以下几种类型：由深色到浅色依次进行。散度：末端为深色，中间为浅色，浅色代表中间值，深色代表极低值和极高值。定性：最适合显示名义或分类数据。颜色不表示值的差异。利用这些新的调色板来创建美观的图表。用于绑定RESTAPI的RestCollectionView组件WijmoJS的第三个新特性是用于绑定RESTAPI的RestCollectionView组件。默认情况下，排序、分页和过滤是在服务器端完成的，但是使用WijmoJS，这些设置中的任何一个都可以在客户端进行更改，自定义的RestCollectionView可以绑定到WijmoJS组件，自动调用服务器端执行CRUD操作.要使用此组件，您只需创建一个扩展RestCollectionView的组件并覆盖以下方法：getItems：从服务器获取项目列表。该列表可以排序、过滤和分页。addItem：将项目添加到服务器上的集合中。patchItem：编辑服务器上集合中的项目。deleteItem：从服务器上的集合中删除一个项目。适用于Angular、React和Vue的多行单元格模板WijmoJS的最后一个新功能是适用于Angular、React和Vue的单元格模板。使用此模板标记定义多行单元格中的自定义内容。单元格模板支持绑定语法、嵌套组件、自定义HTML和条件逻辑。以上是前端开发工具包WijmoJSV2021.0Update1的更新内容。更多信息请访问WijmoJS产品官网。
