等值面层是基础平面地图的子组件,适用于将已知的矢量点数据制作成栅格区域图进行大屏展示,例如使用等值面组件,实时插值出全国的空气质量图,满足一些气象等行业的可视化需求。本文介绍等值面层各配置项的含义。
注意 当前为v1.x版本的等值面层子组件指导文档,如需查看该子组件v2.x版本的文档内容详情,请参见等值面层(v2.x版本)。
参见实例:DataV带你回顾春节前后全国空气质量变化。
配置
- 搜索配置:单击配置面板右上角的搜索配置,可在搜索配置面板中输入您需要搜索的配置项名称,快速定位到该配置项,系统支持模糊匹配。详情请参见搜索资产配置。
- 透明度:等值面层的透明度。
- 像元大小:栅格区域图每个格子的像素大小,范围为1~10。像元越小,等值面层越清晰,渲染时间越长;像元越大,等值面层越模糊,渲染时间越短。
- 权重:插值点对周围点的影响,范围为0.5~3。权重越大影响越大,渲染效果越好,但渲染时间越长。
- 渲染方式:等值面层的渲染方式,系统提供线性渲染和分段渲染两种方式。
- 线性渲染
- 最小颜色:value值最小的插值点的颜色,请参见颜色选择器说明进行修改。
- 中间颜色:value值处于最大值和最小值之间时,对应插值点的颜色。
- 最大颜色:value值最大的插值点的颜色。
- 中断值:线性渲染的中断值。DataV会根据您设置的中断值,结合value值的区间,得到中间的value值对应的插值点,这个点的颜色就是您设置的中间颜色。
说明 仅当渲染方式为线性渲染时,中断值配置项才有效。
- 分类数目:插值点的分类个数。DataV会根据您设置的分类数目,结合value值的区间,将插值点分成多个类别,每种类别对应不同的颜色。分类数目越多,插值效果越好,但渲染时间越长。
- 分段渲染
- 默认颜色:插值点的默认颜色。当插值点的value值不在您所设置的分段区间时,使用此默认颜色。
- 分段设色:单击右侧的或图标,添加或删除一个分段。单击或图标配置多个分段的排列样式。
- 分段区间:分段的区间值。您可以根据数据中插值点的value值区间进行调整。
- 分段颜色:value值在您所设置的分段区间内的插值点的颜色。
- 线性渲染
数据
- 地理边界geojson数据接口
可查看上图中的示例JSON代码。
地理边界geojson数据接口定义了需要渲染的插值点的范围。例如上图中,地理边界数据定义了整个带颜色区域的中国地图。
- 插值点数据接口查看上图中的示例JSON代码。
表 1. 字段说明 字段 说明 lng 插值点的经度 lat 插值点的纬度 value 插值点的value值。DataV会根据value值,结合配置面板中的渲染配置项,调整等值面层的渲染效果。
配置项 | 说明 |
---|---|
受控模式 | 打开开关,资产初始化状态下不请求数据,仅通过回调ID或蓝图编辑器配置的方法发起请求数据;关闭开关,可以使用自动更新请求数据。开关默认为关闭状态。 |
自动更新请求 | 选中后可以设置动态轮询,还可以手动输入轮询的时间频次。取消选中后则不会自动更新,需要手动刷新页面,或通过蓝图编辑器和回调ID事件来触发请求更新数据。 |
数据源 | 单击配置数据源,可在设置数据源面板中修改数据源类型和数据查询代码、预览数据源返回结果以及查看数据响应结果,详情请参见配置资产数据。 |
数据过滤器 | 数据过滤器提供数据结构转换、筛选和一些简单的计算功能。单击添加过滤器,可在设置数据源面板配置数据过滤器脚本,详情请参见过滤器使用说明。 |
数据响应结果 | 展示数据请求的响应结果。当数据源发生改变时,可单击右侧的图标,实时查看数据响应结果。 |
交互
此组件没有交互事件。
蓝图编辑器交互配置
- 在画布编辑器页面,单击基础平面地图子组件管理列表中等值面层右侧的图标。
- 单击页面左上角的图标。
- 在蓝图编辑器配置页面,单击导入节点栏内的等值面层组件,在画布中可以看到如下图所示的等值面层的蓝图编辑器配置参数。
- 事件
事件 说明 当地理边界geojson数据接口请求完成时 地理边界geojson数据接口请求返回并经过过滤器处理后抛出的事件,同时抛出处理后的JSON格式的数据。具体数据请参见上文的数据示例。 当插值点数据接口请求完成时 插值点数据接口请求返回并经过过滤器处理后抛出的事件,同时抛出处理后的JSON格式的数据。具体数据请参见上文的数据示例。 - 动作
动作 说明 请求地理边界geojson数据接口 重新请求服务端数据,上游数据处理节点或图层节点抛出的数据将作为参数。例如等值面层配置了API数据源为 http://api.test
,传到请求地理边界geojson数据接口动作的数据为{ id: '1'}
,则最终请求接口为http://api.test?id=1
。请求插值点数据接口 重新请求服务端数据,上游数据处理节点或图层节点抛出的数据将作为参数。例如等值面层配置了API数据源为 http://api.test
,传到请求插值点数据接口动作的数据为{ id: '1'}
,则最终请求接口为htp://api.test?id=1
。导入地理边界geojson数据接口 按组件绘制格式处理数据后,导入组件,重新绘制。不需要重新请求服务端数据。具体数据请参见上文的数据示例。 导入插值点数据接口 按组件绘制格式处理数据后,导入组件,重新绘制。不需要重新请求服务端数据。具体数据请参见上文的数据示例。 显示 显示组件,不需要参数。 隐藏 隐藏组件,不需要参数。
- 事件