等值面层（v4.x版本）

图表样式

等值面层是基础平面地图 4.0的子组件，适用于将已知的矢量点数据制作成栅格区域图进行大屏展示，例如使用等值面组件，实时插值出全国的空气质量图，满足一些气象等行业的可视化需求。

样式面板

• 搜索配置：单击样式面板右上角的搜索配置项图标，可在搜索配置面板中输入您需要搜索的配置项名称，快速定位到该配置项，系统支持模糊匹配。详情请参见搜索配置项。

• 通用：设置等值面层的通用配置项。

  参数	说明

  参数	说明
  可见级别	设置等值面层的可见级别值，在设定的级别范围内可见，级别之外不可见。
  不透明度	等值面层的不透明度，范围为0~100，单位%。数值越大等值面层越不透明。

• 图形：设置等值面层的图形配置项。

  参数	说明

  参数	说明
  区域颜色	设置等值面层中各区域的颜色，请参见颜色映射器使用说明，配置不同区域的映射颜色样式。
  区域描边	等值面层内各区域描边线的颜色、粗细和线的类型样式。 说明 线型支持数字输入，如：4,4，第一个数字表示实线长度，第二个数字表示间隔长度。

数据源面板

• 插值点数据接口

  字段	说明

  字段	说明
  lng	插值点的经度。
  lat	插值点的纬度。
  value	插值点的value值。DataV会根据value值，结合配置面板中的区域颜色颜色映射渲染配置项，调整等值面层的颜色渲染效果。

• 裁剪边界数据接口

  裁剪边界定义了需要渲染的插值点的范围。

高级面板

通过高级面板配置交互事件或关联全局变量，实现组件之间的联动。具体操作请参见组件交互配置。

蓝图交互

1. 单击页面左上角的图标，进入蓝图页面。

2. 在图层节点页签下，添加当前组件至主画布中。

3. 查看蓝图配置参数。

   说明

   图层事件和动作的参数提示信息，可以在画布右侧的锚点配置中单击图标查看。

   • 事件

     事件	说明

     事件	说明
     当插值点数据接口更新时	插值点数据接口请求返回并经过过滤器处理后抛出的事件，同时抛出处理后的JSON格式的数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据源页签的数据响应结果区域。
     当插值点数据接口请求状态变化时	当插值点数据请求状态变化时抛出该事件，回调参数为当前状态，具体数据示例请参见画布编辑器中组件右侧配置面板数据源页签的数据响应结果区域。
     当裁剪边界数据接口更新时	当裁剪边界数据请求状态变化时抛出该事件，回调参数为当前状态，具体数据示例请参见画布编辑器中组件右侧配置面板数据源页签的数据响应结果区域。
     当裁剪边界数据接口请求状态变化时	裁剪边界数据接口请求返回并经过过滤器处理后抛出的事件，同时抛出处理后的JSON格式的数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据源页签的数据响应结果区域。
     组件加载完成	数据接口请求返回并经过过滤器处理后抛出的事件，同时抛出处理后的JSON格式的数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据源页签的数据响应结果区域。

   • 动作

     动作	说明

     动作	说明
     导入插值点数据接口	按组件绘制格式处理数据后，导入组件，重新绘制。不需要重新请求服务端数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据源页签的数据响应结果区域。
     请求插值点数据接口	重新请求服务端数据，上游数据处理节点或图层节点抛出的数据将作为参数。例如等值面层配置了API数据源为https://api.test，传到请求插值点数据接口动作的数据为{ id: '1'}，则最终请求接口为https://api.test?id=1。
     导入裁剪边界数据接口	按组件绘制格式处理数据后，导入组件，重新绘制。不需要重新请求服务端数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据源页签的数据响应结果区域。
     请求裁剪边界数据接口	重新请求服务端数据，上游数据处理节点或图层节点抛出的数据将作为参数。例如等值面层配置了API数据源为https://api.test，传到请求裁剪边界数据接口 动作的数据为{ id: '1'}，则最终请求接口为https://api.test?id=1。
     切换显隐	切换显隐、显示和隐藏组件默认不需要参数，可以按需添加动画配置，参考数据示例。 { //动画方式，可选值为：appear|fade|slideToUp，默认值为 fade，不填无动画。 "animationType": "fade", //动画延迟，默认值为1000，单位ms。 "animationDuration": 1000, //动画曲线，可选值为：linear|easeInOutQuad|easeInOutExpo，默认值为 linear。 "animationEasing": "linear" }
     显示
     隐藏
     更新组件配置	动态更新组件的样式配置。需要先在组件的样式面板中，单击复制配置到剪贴板，获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。