检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
arts，请提前了解。 图1 最终呈现效果 开发自定义组件 下载图表模板。 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 单击页面右上角的“管理”，进入华为云Astro大屏应用管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 表1
如何设置页面间参数传递 自定义组件时，如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量，实现组件数据的动态变化
放。 静音播放：开启后，音频将会静音播放。 图5 静音播放开启后效果 控制条：关闭后，音频的控制条将会隐藏。 数据 在数据中，配置音频组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置音频组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 媒体
面，为项目的默认封面。 设置项目封面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在“项目列表”中，单击对应项目上的。 设置项目封面，单击“确定”。 图片默认为匿名可访问，请勿上传包含敏感数据的图片。 图1 设置项目封面 页面缩略图：使用项目中，页面的缩略图，作为当前项目的封面。
循环播放：是否循环播放视频。 静音播放：播放视频时是否静音。静音后，在播放视频时无法调整音量。 控制条：选择是否开启视频控制条。 数据 在数据中，设置视频组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置视频组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题： 媒体
轴条默认颜色：设置碑节点轴条的默认颜色，数据系列1中无轴条设置选项。 轴条选中颜色：设置碑节点轴条的选中颜色，数据系列1中无轴条设置选项。 显示详情：是否显示详情。 默认详情字体：设置默认详情的字体、颜色和大小等。 选中详情字体：设置选中详情的字体、颜色和大小等。 高亮详情字体：设置高亮详情的字体、颜色和大小等。
等待状态：步骤还未完成处于等待状态的颜色。 标签字体：设置步骤标签的字体、大小和颜色等。 描述文字字体：当步骤有描述文字时，描述文字的字体、大小等设置。 标题左边距：步骤标签距离该图标左边的距离。 数据 在数据中，设置步骤条组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置步骤条组件与其他组件或
配置项的配置高于数据配置。 图4 视频流配置 视频流地址：视频流的URL地址。 视频流类型：视频流的协议类型，目前平台内支持的视频流类型为HTTP-FLV、HLS。当视频流类型选择“HTTP-FLV”时，可以设置是否静音播放。 数据 在数据中，设置视频流组件的数据来源，更多介绍请参见数据接入。
类型：轴节点的类型，支持时间型、类目型和数值型。 节点形状：设置节点的形状，支持圆形和菱形。 节点默认样式：设置节点默认样式的颜色。 节点选中样式：设置选中节点时的颜色。 节点大小：设置节点的大小。 数据 在数据中，设置时间轴组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置时间轴组件与其他组件或页
占位符：没有输入搜索内容时，展示的文字内容。 搜索按钮设置 字体：搜索按钮和按钮字体的大小、颜色等设置。 背景颜色：设置搜索按钮所在区域的背景色。 按钮文本：设置按钮搜索图标后显示的文字。 数据 在数据中，设置搜索框组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置搜索框组件与其他组件或页
自动播放 自动轮播：设置轮播方式，支持手动和自动。 间隔时间：设置轮播的间隔时间，不大于24秒。 分页配置 分页标志：是否显示分页标志。 标志选择：选择分页标志样式，如点、线等。 数据 在数据中，配置轮播页面组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置轮播页面组件
快捷按钮字体：设置日历头部右侧快捷按钮字体、字体大小和颜色等。 快捷按钮背景色：设置日历头部右侧快捷按钮的背景色。 星期字体：设置日历头部星期的字体、文字大小、文字颜色等。 数据 在数据中，设置日历组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置日历组件与其他组件或页
鼠标悬浮时背景颜色：设置鼠标悬浮在某项内容上时，背景的颜色。 鼠标悬浮时字体颜色：设置鼠标悬浮在某项内容上时，字体的颜色。 数据 在数据中，设置下拉选择框组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置下拉选择框组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题：
些。 右边距：选择框相对于组件右边框的距离。 上边距：选择框相对于组件上边框的距离。 全选：是否显示全选框。 数据 在数据中，设置复选框组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置复选框组件与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题：
柱条宽度：柱状条相对于X轴单位间隔的宽度。 数据标签：是否显示数据标签，即柱状条旁是否显示数值。开启后，支持设置数值显示位置和数值颜色。 数据标签最大值/最小值：是否显示柱状条数值的最大值或者最小值。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。
X轴参考线 X轴参考线：是否显示X轴参考线。 参考线：设置已有参考线的颜色和线型，单击“新增X轴参考线”，可新增参考线。单击对应参考线后的“x”，可删除参考线。 数据 在数据中，设置进度条组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置进度条组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。
染效果。 图10 查看渲染效果 数据 在数据中，配置ECharts组件的数据来源，更多介绍请参见数据接入。 与其他组件不同的是，ECharts组件在数据配置流程中没有字段映射，而是直接改变实例化代码块的内容。 图11 设置ECharts图表组件数据源 将左侧表格字段拖拽到右侧配置
钻石水位图 三角形水位图 圆角矩形水位图 矩形水位图 进度条 图标进度条 热力图 基本漏斗图 双向柱图 折柱图 水平基本柱图 水平堆叠柱图 数据标记柱图 瀑布柱图 基本柱图 散点图 气泡图 雷达图 父主题： 组件介绍
需要渲染的界面和逻辑。其中，“{widget}”为自定义组件的名称，如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor.js文件只在组件编辑状态被加载，主要包括propertiesConfig方法和create方法。
描边：实心圆饼图间系列和整体范围的描边样式。 设置背景：设置饼图的背景。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。 显示名称：自定义图表中系列的显示名称。 下标：数据系列所在的位置。 初始选中：数据项初始是否被选中。 颜色样式：数据系列的颜色样式。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
