检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
介绍什么是Astro大屏应用 09:18 低码轻松实现数据可视化，帮助企业把数数清楚 新手入门 华为云Astro大屏应用服务视频 介绍AstroCanvas界面各个功能菜单 05:43 入门指引 华为云Astro轻应用服务视频 介绍如何使用预置模板开发一个调查问卷应用 07:44 使用预置模板开发调查问卷应用
hange事件。 入参vm说明 组件配置项中的disabled、showFunc和events中，都具有入参vm，vm为组件的Widget实例。 配置示例 通用配置示例如下，以global_SelectWidget组件为例，设置后效果如图1所示。本示例中的global_Selec
3D场景编辑器 图观端场景编辑器用于实现3D模型的展示和编辑。 购买“Astro大屏应用企业版”实例时，才会显示该组件。 在大屏设计页面，从“全部组件 > 3D场景编辑器”中，拖拽“图观端场景编辑器”组件至画布空白区域，如图1。 图1 图观端场景编辑器 配置 在配置中，为图观端场景编辑器设置容器名称和场景地址。
通过{widget}.editr.js文件中配置的Connector名称，获取Connector实例，用于向Connector请求数据。 getProperties 获取该组件配置的属性值，组件接入配置数据时必须使用。 getContainer 获取渲染该组件的容器dom节点。 getWidgetBasePath
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时，可以在自定义事件中设置。 当前仅“Astro大屏应用专业版”实例，才提供Echarts图表组件。 自定义事件交互设置 在大屏设计页面，从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中
静音播放：播放视频时是否静音。静音后，在播放视频时无法调整音量。 控制条：选择是否开启视频控制条。 数据 在数据中，设置视频组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置视频组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 媒体
下降趋势数字字体：设置下降趋势数字的字体、大小和颜色等。 趋势位置：趋势相对于数字的位置。 数据 在数据中，设置趋势组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置趋势与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
为0，即铺满整个组件。 图片地址：支持输入图片地址，来展示图片。 链接：设置单击图片后，跳转的链接地址。 图片设置：设置图片填充方式，并选择对应图片。 数据 在数据中，配置图片组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置图片与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。
初始化组件message-en/message-zh的多语言信息，统一注册到独立的i18nVue实例中，供组件获取桩数据、获取默认配置、初始化组件统一使用。 建议实现。 initReaderVm render中抽取的独立逻辑，初始化运行态组件VM实例。在实例中获取数据并实现组件的核心渲染。 建议实现。
静音播放：开启后，音频将会静音播放。 图5 开启后效果 控制条：关闭后，音频的控制条将会隐藏。 数据 在数据中，配置音频组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置音频组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 媒体
背景颜色：设置搜索按钮所在区域的背景色。 按钮文本：设置按钮搜索图标后显示的文字。 数据 在数据中，设置搜索框组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置搜索框组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
分页配置 分页标志：是否显示分页标志。 标志选择：选择分页标志样式，如点、线等。 数据 在数据中，配置轮播页面组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置轮播页面组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 媒体
是否静音：播放视频时是否静音。静音后，在播放视频时无法调整音量。 数据 在数据中，设置FLV视频播放组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置FLV视频播放组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 媒体
步骤条 步骤条是装饰组件的一种，用于引导用户按照流程完成任务的导航条。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“步骤条”组件至画布空白区域，如图1。 图1 步骤条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
单次变换间隔：设置动画单次变换间隔时间，取值范围为[50, 1000]，单位为ms。 数据 在数据中，设置翻牌器的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置翻牌器与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
setCookie("key","value") getI18n 一般用于在初始化阶段返回一个Vue18n的实例，配合Vue和VueI18n使用。使用方式参考如下： /* * 该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 */ HttpUtils.getI18n({ locale:
后缀字体：设置后缀的字体、大小和颜色等。 后缀左间距：设置后缀和指标之间的间距。 图9 后缀左间距 数据 在数据中，设置指标组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置指标组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 文本
LV、HLS。当视频流类型选择“HTTP-FLV”时，可以设置是否静音播放。 数据 在数据中，设置视频流组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置视频流组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 媒体
定位显示 定位标志：是否显示定位标志。 标志选择：选择标志样式，如点、线等。 数据 在数据中，配置轮播图片组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置轮播图片组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 媒体
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
