检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在配置中，设置音频组件的音频地址、是否自动播放和是否开启控制条等。 图4 音频轮播设置 音频 > 音频地址：输入音频的存放地址，仅支持MP3、OGG和WAV格式的音频。 播放 自动播放：开启后，在预览页面或发布后的页面中，会自动播放音频内容。 循环播放：开启后，在预览页面或发布后的页面中，视频播放完成后会再次从头开始播放。
eventConfig为组件事件配置项，用于定义组件事件暴露的变量结构，以及事件和对外透传变量的业务含义。eventConfig配置好后，在组件配置交互时可以将事件的itemVal传递给页面全局变量中，供其他组件使用。 典型示例 典型的eventConfig示例如下： // 组件事件配置
css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 华为云Astro大屏应用的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
标题：是否显示标题。打开该开关后，可设置标题的字体大小、字体颜色和标题内容等。 配置 在配置中，设置组件的年月日、背景颜色和时间条颜色等。 图4 时间翻牌器配置 星期 显示：是否显示星期。 字体：设置星期字体、颜色和大小等。 年月日 显示：是否显示年月日。 字体：设置年月日字体、颜色和大小等。 时间 显示：是否显示时间。
在华为云Astro大屏应用中，页面组件的数据来源包括非数据源（包括桥接器预置、静态数据和数据集等）和数据源（包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等）。选中组件，单击组件上方的，即可配置组件在页面呈现数据的来源。 图1 为组件配置数据 非数据源 桥接器预置
选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。
队列名称：DLI服务中的队列名称。队列即为计算资源，计算资源是使用DLI服务的基础，用户执行的一切作业都需要使用计算资源。 登录DLI管理控制台。 在左侧导航栏中，选择“资源管理 > 队列管理”。 查看队列名称，如果没有队列，请创建新的队列。 描述：新建数据源的描述信息。 单击“连
用该大屏应用，也可以根据自身业务的需求进行二次开发。 单击页面上方的，保存页面。 单击页面上方的，预览应用页面。 如果页面预览效果和预期效果不一致，可再次返回开发页面进行调整。 单击页面上方的发布图标，进行页面发布设置。 发布链接：单击发布链接后的图标，将显示页面地址，单击该地址进入发布页。
单击“保存”，完成数据源的创建。 在左侧选择“配置流程”节点，在右侧配置相关参数。 应用：选择调用自定义接口所属的应用。 API接口：选择待调用的API接口，下拉框中的选项取值为接口的标签，如果接口标签取值为中文，则这里“API接口”显示为中文标签。如果接口标签未定义，则显示接口的操作名称。
快捷时间字体颜色：设置快捷时间的字体颜色。 选中字体颜色：设置选中快捷时间时，快捷时间字体的颜色。 选中背景颜色：设置选中快捷时间时，快捷时间背景的颜色。 输入框设置 下方输入框的设置，对时间选择器组件中所有输入框生效。 字体：设置输入框中文字的字体、大小和颜色等。 背景颜色：设置输入框的背景颜色。
网页图标：设置项目在浏览器标签页标题左侧的图标。图片类型支持ico、png、pjp、jpg、pjpeg、jpeg和jfif，图片大小不能超过1MB，建议使用大小为32*32像素的ico图标。 延迟加载隐藏的组件：勾选后，预览或打开页面时，将先加载显示的组件，再加载隐藏的组件。 父主题： 项目管理
conf” 文件的“http”中增加如下代码。在实际配置时，请将代码中的canvas、{私有化部署的IP}、{私有化部署的端口}、{Nginx对应的IP}和{对应的端口}替换为对应的字段。 完成私有化部署根目录配置后，原1中的访问地址需要更改为“http://{Nginx对应的IP}:{对应的端口}/canvas”。
{widget}.html为组件DOM结构文件，相当于HTML文件，负责样式展示。 在华为云Astro大屏应用中自定义组件时，需要在服务端提前渲染的部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom"
Prometheus数据源 普罗米修斯（Prometheus）是一个开源系统监控和告警工具包，主要用于收集和存储时间序列数据，并提供了强大的查询和告警功能。华为云Astro大屏应用支持对接Prometheus数据源，将普罗中的数据作为组件的数据展示。 新建Prometheus数据源 参考登录华为云A
样例报文：对应API接口的响应样例报文数据格式，数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。 转换器：选择新建转换器中创建的转换器或华为云Astro大屏应用预置的转换器，用于对数据进行转换处理。本示例新建一个转换器，用于返回符合条件的数据。 图3 新增一个转换器
华为云Astro大屏应用根据您选择的实例版本、页面扩容包和购买时长进行计费。华为云Astro大屏应用提供了三种不同的套餐版本，均为包年/包月购买方式。如果您需要快速了解华为云Astro大屏应用服务的具体价格，请参见华为云Astro大屏应用价格详情。 表1标“*”的计费项为必选计费项。 表1
包年/包月资源 对于包年/包月计费模式的资源，用户在购买时会一次性付费，服务将在到期后自动停止使用。 如果在计费周期内不再使用包年/包月资源，您可以执行退订操作，系统将根据资源是否属于五天无理由退订、是否使用代金券和折扣券等条件返还一定金额到您的账户。详细的退订规则，请参见云服务退订规则概览。
在交互中，配置Echarts组件与其他组件或页面之间的交互能力。交互设置更多介绍，请参见交互设置。与其他组件不同的是，echarts组件作为触发器的事件和作为响应器的动作时，可以在自定义事件和自定义动作中设置。更多介绍，请参见echarts组件自定义事件交互设置和echarts组件自定义动作交互设置。
API说明 init 组件渲染的入口函数，组件自己实现继承，使用推荐模板即可。 render 整个组件渲染的业务逻辑实现入口，组件自己实现继承。 getConnectorProperties 获取Connector对接的配置值，用于查看与Connector相关的信息。 getConnectorInstanceByName
填充颜色：设置标签数据所处区间的对应颜色。均分显示时，区域数据从小到大，对应图层颜色由浅到深。区间显示时，区域图层颜色取决于其数据所处区间对应颜色。 数值字体：设置标签数值的字体、颜色和大小等。 数值后缀：设置标签数值的后缀，如%。 内容字体：设置标签内容的字体、颜色和大小等。 内容背景颜色：设置标签内容的背景颜色。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
