全部产品
Search
文档中心

DataV数据可视化:什么是蓝图编辑器

更新时间:Apr 06, 2023

本文为您介绍DataV蓝图编辑器的概念、优势和简单的操作步骤。

概念

蓝图编辑器一般称为Visual Programming或者Flow Based Programming,即通过可视化连线的方式,定义图层与图层之间的交互行为。

优势

  • 蓝图编辑器区别于之前的回调ID,可以保证交互和数据的实时性和同步性。

  • 蓝图编辑器支持数据请求合并和数据分发的功能。

  • 蓝图编辑器可模块化拆分,专注单个的交互链路,不需要考虑代码的整理和规范,只需要专注于业务规则和交互需求即可。

  • 蓝图编辑器支持原厂组件和第三方组件。该功能对开发者型用户较为便利。

    重要

    用户自行开发的第三方组件,必须是在遵循开发者规范的前提下,才能在DataV中的蓝图编辑器页面无缝衔接使用。

操作步骤

  1. 登录DataV控制台
  2. 在画布编辑器页面,单击顶部工具栏的蓝图编辑器图标。

    蓝图编辑器图标
  3. 蓝图编辑器页面,将左侧的导入节点和逻辑节点拖入画布中。

    说明

    如果左侧没有导入节点,可返回画布编辑器,选中图层,右键导出到蓝图编辑器

  4. 根据交互逻辑进行节点连线。

  5. 在右侧的配置面板中,完成逻辑节点配置,包括节点名称、上下游事件、上下游动作以及处理方法等。

    添加组件、组件连线、逻辑节点配置的详细操作方法,请参见蓝图编辑器详细功能介绍

  6. 配置完成后,单击页面右上角的预览预览图标)图标,查看可视化应用交互效果。

  7. 预览成功后,单击页面右上角的发布发布图标)图标,发布可视化应用。