检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
”，单击“新建”。 在页面上方单击，新建并设置页面级全局变量。 新增全局变量“status”，设置默认值为“1”，设置变量说明为“告警服务状态码，1为待派单，2是已派单，3是处理中，4是已关闭”。 图5 设置页面变量 在页面中拖入并设置下拉选择框组件。 从左侧全部组件中，搜索并拖拽“下拉选择框”组件到页面画布中。
在页面中，拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器，单击，进入交互设置页面。 按照下图，设置自定义动作。 自定义组件动作时，通过输入关键词，可以联想出组件的信息。 图3 设置自定义动作 /* * 可以像示例这样获取到组件对象，然后编写js代码 * 示例中表
选中实心圆饼图，单击，进入交互设置页面。 设置实心圆饼图和下拉选择框之间的交互动作。 在作为触发器中，单击“+ 交互事件”，选择“当点击数据时”。 在响应动作中，单击“+ 响应动作”，选择“组件响应”。 在动作详情中，设置具体的响应动作。 本示例中，通过选择事件参数，来控制组件
面，打开“设置页面参数”开关，设置参数。 配置效果：在发布后的页面中，单击“多区域折线图”组件，会跳转到新页面，之前页面的全局变量“status”赋值到参数“alarmStatus”中，将“alarmStatus”传递到新打开的页面中，实现不同页面间传参。 图1 设置交互事件动作
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时，可以在自定义事件中设置。 自定义事件交互设置 在大屏设计页面，从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件，单击。 在自定义事件中，单击“新
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时，可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件，单击。 在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中，输入如下代码，调用echarts提供的动作API。
地图中心经度：设置地图中心点的经度。 地图中心纬度：设置地图的中心点的纬度。 地图缩放级别：设置地图的缩放层级，最小级别为4，最大级别为19。 地图样式：设置地图基本样式模板。 热力图层配置 显示热力图层：是否显示热力图层。 数据标题：设置热力图层的数据标题。 显示类型 ：设置热力图层显示类型，如均分显示或区间部分。
数据源：选择ROMA连接器数据源中，创建的数据源。 目录：设置数据集的存放目录，配置为（可选）新建目录中新建的目录，也可以直接单击“新增目录”，新建一个目录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 图2 ROMA连接器配置示例
自定义组件时，如何设置交互事件的输出变量 操作场景 开发者自定义组件时，可设置交互事件的输出变量，如图1所示，AstroCanvas支持将事件的输出变量（如“selectValue”）绑定页面级的全局变量（如“status”）。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中，是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方，单击，新建并设置页面级全局变量。 例如，新增全局变量“url”，设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
单击，可生成新的链接，原链接将不可访问。单击，可复制该链接。 设置访问限制。 如果是新建项目，需要为发布链接设置访问限制，即“分享码访问”或“Token认证”必须设置其中一个，否则链接在运行态无法正常访问。本入门中，以设置分享码为例进行介绍。 图14 分享码设置 分享码设置：设置页面分享码后，只能通过分享码来访问页面，提高安全性。
其它”中，拖拽“按钮组件”组件至画布空白区域，如图1所示。 图1 按钮组件 配置 在配置中，设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置：设置按钮的样式，如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮：按钮状态，分为启用和禁用。 内容：按钮显示文字，如保存。 默认文字：按
field) focus focus 在输入框失去焦点时触发 (value, data, field) 配置示例 textarea配置示例如下，设置后效果如图1所示。 { type: 'textarea', name: 'commProps.myTextarea', value:
数字字体：设置数字的字体、大小和颜色等。 前缀：设置数字的前缀。 图6 设置数字前缀 字体大小：设置数字前缀的字体大小。 后缀：设置数字的后缀，如%。 字体大小：设置数字后缀的字体大小。 趋势图标：设置趋势的图标，可以自定义，也可以使用默认。 图标宽：设置趋势图标的宽度。 图标高：设置趋势图标的高度。 次要
问号大小：设置问号的大小。 问号颜色：设置问号的背景颜色。 气泡位置：设置提示气泡的显示位置，如右上方、正上方。 提示背景：设置提示气泡的背景颜色。 新增条件格式：单击“新增条件格式”，可设置条件和响应数据列的样式。如何新增条件格式，请参见新增条件格式。 数据 在数据中，设置文本编辑
配置 在配置中，设置翻牌器组件的样式和动画。 图4 翻牌器配置 样式设置 字体：设置翻牌器字体、大小和颜色等。 数字背景：翻牌器中数字是否显示背景。“动画类型”设置为“翻牌类型”时，不支持隐藏背景。 数字背景颜色：设置翻牌器中数字的背景颜色。“数字背景”设置为“显示”时，才会显示该参数。
颜色。 占位符：没有输入搜索内容时，展示的文字内容。 搜索按钮设置 字体：搜索按钮和按钮字体的大小、颜色等设置。 背景颜色：设置搜索按钮所在区域的背景色。 按钮文本：设置按钮搜索图标后显示的文字。 数据 在数据中，设置搜索框组件的数据来源，更多介绍请参见数据接入。 交互 在交互中
图观端场景编辑器 配置 在配置中，为图观端场景编辑器设置容器名称和场景地址。 图2 图观端场景编辑器配置 容器名称：设置容器的名称，命名必须唯一。名称是组件的唯一标识，设置后其他3D组件会通过这个标识，识别到这个容器，并在容器上进行渲染。 场景地址：设置渲染的3D场景地址。 选择场景：单击“选
savePropertiesForWidget() 用于在开发态中保存当前组件的高级设置属性信息。 savePropertiesForWidget() 该API用于在开发态中，保存当前组件的高级设置属性信息。 /* * @param {*} props {} */ magno.
选择静态数据 根据业务需求自定义静态数据，也可直接使用系统预置的数据，单击“保存”。 您可以通过“Excel模式”和“Json模式”两种模式设置静态数据。设置为“Excel模式”时，可执行如下操作： 单击“文件导入”，可将本地的数据导入到当前组件中使用。仅支持导入CSV和Excel格式的文件，且文件大小不能超过100KB。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
