检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
地图样式：在下拉框中选择地图的样式，如“控件+标签图层”、默认样式、“地图行政区+图标图层”等。 配置 在配置中，设置地图组件的基本信息、地图样式、地图控件和地图控制等。 图4 高德地图配置 地图基本配置 地图密钥：输入地图的服务密钥，请参考高德开放平台中操作自行到官网申请。 安全密钥：如果
集，以保证数据的复用。页面级数据集主要是为了支持多个组件对接同一个数据源的情况，可以减少重复的请求跟重复的配置。 页面设置 华为云Astro大屏应用可视化开发页面，支持配置页面屏幕大小、适应方式、背景颜色或背景图片等，更多介绍请参见如何进行设置页面。 图2 页面设置 全局变量设置
在左侧全部组件中，拖拽“水平基本柱图”到页面开发操作区域，即画布区域。 图3 拖拽水平基本柱图组件 选择水平基本柱图组件，单击组件上方的，配置数据源，完成后单击“保存”。 “数据类型”选择“静态数据”，“输入数据”选择“Json模式”，输入如下示例数据，并单击，格式化数据。 [{
如何在页面URL参数中给全局变量赋值 如何基于页面级的全局变量实现组件交互中实现的场景是：用户在“下拉选择框”中选择某个告警状态时，通过配置的交互事件将告警状态赋值给全局变量，“多区域折线图”组件呈现的数据来源于封装了华为云Astro轻应用某API接口的数据集，将该接口的入参与全
{}); eventConfig：组件事件描述配置项，用来扩展给全局变量使用。 classfication：组件的配置项分类。 propertiesConfig：负责组件配置页面中，右侧的属性配置逻辑。 create（必须配置）：组件内置的扩展，仅在组件首次被创建时调用一次。
getProperties 获取该组件配置的属性值，组件接入配置数据时必须使用。 getContainer 获取渲染该组件的容器dom节点。 getWidgetBasePath 获取该组件静态资源的根路径，用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件中定义的国际化
EchartsWidgetTemplate 基于Echarts实现的一个柱状图组件模板，包含基本配置项、单击系列的事件交互、数据对接等能力。 SelectWidgetTemplate 基于elmentUI和Vue2实现一个通用的下拉框组件模板，包含基本配置项、交互、数据对接等能力。 widgetVueTemplate
在页面右上角，单击“账号名”，选择“本地部署”。 在本地部署信息中，单击“版本列表”，下载华为云Astro大屏应用运行环境部署包。 图3 下载新版本运行环境部署包 解压已获取的华为云Astro大屏应用运行环境部署包，获取private-deploy-版本号.jar包。 进入私有化部署安装指导中私有化部署的华为云Astro大屏应用目录。
整个组件。 轮播配置 在轮播配置中，设置轮播页面的切换配置、自动播放和分页配置等。 图4 轮播页面轮播配置 轮播设置 页面：添加轮播的页面，可以选择本项目内的页面，也可以选择外部页面，但添加的页面数不能超过10个。 滚动条：是否显示滚动条，如自动或隐藏。 切换配置 切换箭头：是否显示页面切换箭头。
render中抽取的独立逻辑，基于默认prop和组件配置的props进行融合处理，并返回。 建议实现。 initI18n 初始化组件message-en/message-zh的多语言信息，统一注册到独立的i18nVue实例中，供组件获取桩数据、获取默认配置、初始化组件统一使用。 建议实现。 initReaderVm
标题内容：设置标题的内容。 标题字体：设置标题的字体、颜色和大小等。 内边距：设置图表和组件边框之间的距离，单位为px。 配置 在配置中，设置趋势的对齐方式、数值、趋势数字和图标。 图4 趋势配置 统一配置 > 对齐方式：设置组件的对齐方式，支持左对齐、居中和右对齐。 数值：图表中是否显示数值，设置为“显示”时，支持设置如下属性。
示。 边距：组件中视频距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置视频组件的视频地址、视频封面、视频播放等。 图4 视频配置 视频 视频地址：视频的URL地址，视频支持格式有MP4、OGG、MOV和WEBM。 封面：选择图片，
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置地图组件的基本信息、地图控件和地图控制，如是否显示比例尺、是否支持缩放、拖拽等。 图4 OpenLayers地图配置 地图基本配置 地图链接：输入地图的链接。 切片大小：设置地图瓦片（Tile）的尺寸。
边距：组件中视频流距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置视频流组件的视频流地址、视频流类型等。视频流组件中，配置项的配置高于数据配置。 图4 视频流配置 视频流地址：视频流的URL地址。 视频流类型：视频流的协议类型，目前平台内支持的
标题设置：是否显示标题，设置为“显示”时，支持设置如下属性。 标题内容：设置标题的内容。 标题字体：设置标题的字体、颜色和大小等。 配置 在配置中，设置多趋势组件的数值、主要趋势和次要趋势等。 图4 多趋势配置 统一配置 > 对齐方式：设置组件的对齐方式，支持左对齐、居中和右对齐。 数值：趋势中是否显示数值，设置为“显示”时支持设置如下属性。
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
应变化。 图8 配置组件交互事件 在页面中拖入并设置多区域折线图组件。 从左侧全部组件中，搜索并拖拽“多区域折线图”，到下拉选择框组件下方。 设置组件标题为“告警分布情况”。 图9 设置组件标题 在组件上方单击，配置组件数据。 数据配置中选择“数据集”，选择4配置的“getWar
标题显示：是否显示标题。 标题内容：设置标题内容，如完成率。 标题字体：设置标题的字体、大小和颜色等。 配置 在配置中，设置组件的基本配置和进度条配置。 图4 图标进度条配置 基本配置 数字显示：是否显示数字。 数字位置：设置数字的显示位置，如左、居中或右。 数字字体：设置数字的字体、大小和颜色等。
示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置指标组件的对齐方式、数值和前后缀。 图6 指标配置 统一配置 > 对齐：设置指标的对齐方式，如左对齐、居中和右对齐。 数值：指标是否显示数值，设置为“显示”时，可设置如下属性。
数据源：选择华为云Astro轻应用数据源中，创建的数据源。 目录：设置数据集的存放目录，配置为（可选）新建目录中新建的目录，也可以直接单击“新增目录”，新建一个目录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 图2 创建数据集 应用：选择华为云Astro轻应用中具体的应用。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
