创建页面 初识开发页面 使用空白画布新建页面 使用模板新建页面 使用页面模板文件新建页面

查看更多 →

完成，如果要修改参数，单击画布左下方进行设置在时间轴设置框内填写，此处不可填写。 sources：表示群体内包含的节点ID，最多可以输入十万个节点，节点之间需要用逗号隔开。 图1 群体演化模块 输入完成后，单击“群体演化”模块右侧的按钮，运行结果将在画布上展示。 图2 动态图展示

查看更多 →

新建H5图文 在“新建H5图文”弹窗中，输入页面名称，单击“确认”。 在左侧选择“素材”，向画布区域中拖入素材，调整素材的宽度和高度。 图2 拖入素材 图3 调整素材高度宽度 在左侧选择“组件”，向画布区域拖入文本组件。 图4 拖入文本组件 选中文本组件，单击，选择“高级设置”，可设置文本。

查看更多 →

在UI编辑页面，单击左侧插件栏的图标，选择“组件”页签。 选择表格或表单组件，将其拖拽至中心画布。也可以先拖入一个折叠面板，将表格或表单拖入折叠面板组件中。 折叠面板组件可以折叠、隐藏高度受限的内容，优化页面结构。 图1 添加表格组件 选择画布中的表格组件，在右侧属性面板中，单击“选择模型”，添加步骤三中创建的数据实体模型（文档模板）。

查看更多 →

参考创建大屏&PC端项目中操作，创建一个项目。 项目创建后，参考使用空白画布新建页面中操作，新建一个空白页面。 进入开发页面，从“全部组件 > 图表”中，拖拽玫瑰花饼图组件到画布中。 图4 拖拽玫瑰花饼图到画布中 选中组件，单击组件上方的，进入数据设置页面。 “数据类型”选择“桥接

查看更多 →

全屏 在页面下方缩略图单击，画布全屏显示。 在页面下方缩略图单击，画布退出全屏显示。 居中 在页面上方单击，可以快速让架构图居中。 撤销 在页面上方单击，可以撤销上一步执行的操作。 重做 在页面上方单击，可以返回撤销前的状态。 重置 在页面上方单击，可将画布重置到上一次部署的状态。只有更新部署后的实例支持重置功能。

查看更多 →

，向您介绍如何设置组件间的交互能力。 操作步骤 参考使用空白画布新建页面中操作，新建一个空白页面。 在大屏开发页面，从“全部组件 > 装饰”中拖拽“自定义背景框”组件到画布中，并调整大小。 图1 拖拽自定义背景框到画布中 从“全部组件 > 导航”中拖拽“选项卡”组件到“自定义背景框”中。

查看更多 →

元边上出现绿色小圆圈或者目标图元变色，可松开鼠标，弹出线类型选择框。 方式二：先在工具箱中单击选中使用的线类型（单击选中就行，不要画布上拖），再到画布上点击一个图元后鼠标不松开往另一个目标图元拉出连线，停靠至目标图元内部或者边线上松开（连线上锚点位置变绿圈或者非锚点位置变时连线变色），

查看更多 →

仅使用模板新建卡片时，操作此步骤。 在左侧“组件库”下，拖拽组件至中间画布中。 图表卡片：为图形和表格组成的卡片。 组件库包含基础组件、图表组件、高级组件，单击对应组件名称，即可查看该组件内的全部组件。 画布上显示标尺，在画布最下方，可设置画布的宽高、背景图片及颜色、置空背景、放大、缩小、自适应、

查看更多 →

云硬盘EVS等元素拖放到画布中，并建立它们之间的关联关系，如图2。 图2 添加元素 配置模板参数。在右侧属性窗口中设置编辑属性 鼠标单击画布中的vpc元素，在属性窗口中会自动显示该元素的属性，cidr可使用默认值192.168.0.0/16。 鼠标单击画布中的subnet元素，在

查看更多 →

在大屏页面的“全部组件 > 其它”中，分别拖入上传的示例组件TabsWidget、DisplayWidget到画布中，调整布局。 图3 拖拽目标组件到画布中 在画布中选中TabsWidget组件，单击组件上方的。 在作为触发器中，单击“+ 交互事件”，选择“切换标签”。 在响应动作中，单击“+

查看更多 →

参考创建大屏&PC端项目中操作，创建一个项目。 项目创建后，参考使用空白画布新建页面中操作，新建一个空白页面。 进入开发页面，从“全部组件 > 图表”中，拖拽玫瑰花饼图组件到画布中。 图4 拖拽玫瑰花饼图到画布中 选中组件，单击组件上方的，进入数据设置页面。 “数据类型”选择“桥接

查看更多 →

配置页面Page1。 获取Page1页面锁，在页面左上方单击，在“自定义”选中widgetEventTemplate组件，并将其拖入画布。 选中画布中的组件“widgetEventTemplate”，在右侧组件属性设置面板的“事件”页签下单击“sendEvent”后的齿轮图标，打开sendEvent的事件编辑弹窗。

查看更多 →

，向您介绍如何设置组件间的交互能力。 操作步骤 参考使用空白画布新建页面中操作，新建一个空白页面。 在大屏开发页面，从“全部组件 > 装饰”中拖拽“自定义背景框”组件到画布中，并调整大小。 图1 拖拽自定义背景框到画布中 从“全部组件 > 导航”中拖拽“选项卡”组件到“自定义背景框”中。

查看更多 →

在左侧导航栏中，选择“前端应用”。 单击待编辑应用模块内的“应用开发”，进入设计器。 在左侧插件栏中，单击，展开物料资产包。 在物料资产包中选择按钮组件，并拖拽至中心画布中。 添加npm utils 在左侧插件栏中，单击，展开资源管理页面。 单击，进入添加工具类页面。 工具类型选择“npm”。 参考表1配置工具类的参数。

查看更多 →

仅使用模板新建卡片时，操作此步骤。 在左侧“组件库”下，拖拽组件至中间画布中。 图表卡片：为图形和表格组成的卡片。 组件库包含基础组件、图表组件、高级组件，单击对应组件名称，即可查看该组件内的全部组件。 画布上显示标尺，在画布最下方，可设置画布的宽高、背景图片及颜色、置空背景、放大、缩小、自适应、

查看更多 →

，以适配大屏尺寸，推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小 开启网格 开启画布网格线功能，用于标定组件在画布中的位置，方便对齐页面组件，发布页面后网格线不会显示出来。开启网格后，支持设置网格的大小和颜色。 图2 开启网格后效果 适应方式

查看更多 →

，以适配大屏尺寸，推荐常用尺寸1920*1080、1600*900及3840*2080等。 图1 屏幕大小 开启网格 开启画布网格线功能，用于标定组件在画布中的位置，方便对齐页面组件，发布页面后网格线不会显示出来。开启网格后，支持设置网格的大小和颜色。 图2 开启网格后效果 适应方式

查看更多 →

资源栏，展示所有可被拖动设计的资源。各资源按照其所属的服务进行分类。 您可以把想要编排的资源拖动到设计台画布，并运用其生成的连接点进行逻辑关系的定义与关联。 3 设计台，用户设计模板的主要操作画布，用于连接资源之间的关系。 4 属性栏，释放一个拖动资源或选中一个拖动资源时，属性编辑面板会展

查看更多 →

配置为“0”，表示只获取一次。 从数据输入中拖拽数据输入节点到右侧画布中，数据集选择已创建的“多数据流1”。 图4 添加一个数据输入节点 图5 添加多数据流1后效果 再从数据输入中，拖拽一个数据输入节点到右侧画布中，数据集选择已创建的“多数据流2”。 图6 再添加一个数据输入节点

查看更多 →

图层图片宽度像素值（相对画布大小）。 说明： 横屏（16:9）画布像素为1920x1080；竖屏（9:16）画布像素为1080x1920。 height 否 Integer 图层图片高度像素值（相对画布大小）。 说明： 横屏（16:9）画布像素为1920x1080；竖屏（9:16）画布像素为1080x1920。

查看更多 →