检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
创建大屏&PC端项目 在华为云Astro大屏应用中创建页面前，需要先创建一个项目。项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面。 创建项目 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在“项目列表”中，单击“新建项目”。 在新建
组件配置项（Config配置） 配置项总览 通用配置 input textarea input-number slider tab switch radio checkbox colorpicker time select list 父主题： 自定义组件开发规范
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题： 代码结构介绍
代码结构介绍 了解代码目录结构 目录文件详解 父主题： 自定义组件开发规范
当系统预置的组件无法满足用户需求时，用户可自定义组件并上传到华为云Astro大屏应用中使用。华为云Astro大屏应用为您预置了一些组件模板（Widget包），您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“管理”，进入管理页面。
{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 华为云Astro大屏应用的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
组件图层位置移动 操作场景 在华为云Astro大屏应用大屏开发页面，支持将组件图层向上、向下移动一层或移动至底层等，帮助您更加合理有效的排列大屏上的组件。 位置层次越靠前，表示组件在画布中的显示越靠前。 位置层次越靠后，表示组件在画布中的显示越靠后。 当两个组件重叠时，位置靠前的组件会覆盖位置靠后的。
文本内容：请输入文本内容，您也可以从后台数据中获取文本内容，详情请参见从数据中获取文本内容。 字体：设置文本字体、大小和颜色等。 文本装饰：为文本添加下划线、删除线和上划线。 段落设置 内容对齐方式：文本内容为多行时，支持居中、左对齐、右对齐和两端对齐。 文本位置：文本内容为一行时，支持居中、左对齐和右对齐。
行政区边框：设置高亮行政区的边框颜色。 地图控件 缩放：开启后，地图右下角会添加缩放控件。 图5 开启缩放效果 旋转：开启后，地图右上角会添加旋转控件。 图6 开启旋转效果 比例尺：开启后，地图左下角会添加比例尺控件。 图7 开启比例尺效果 地图控制 拖拽：设置地图是否支持拖拽。 缩放：设置地图是否支持缩放。
Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标，当配置项比较复杂，可以添加一些提示内容。 noToolTip Boolean 否 noToolTip: false 标签是否具有el-tooltip提示，默认为false。
效地对海量数据进行在线分析，实现数据快速变现。更多关于DWS的介绍，请参见DWS产品文档。 新建DWS数据源 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题： 自定义组件开发规范
分享数据集 数据集创建后，可复制数据集的链接分享给工作空间内的其它用户，其它用户可查看或修改数据集。 分享数据集 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集 > 全部”。 在数据集管理页
息。 authorName: ：组件的作者信息。 width：在绝对布局高级页面中，添加该组件时的默认宽度，单位为“px”，不填写默认为“200px”。 height：在绝对布局高级页面中，添加该组件时的默认高度，单位为“px”，不填写默认为“200px”。 i18n：指定组件的国际化资源文件，详细介绍请参见i18n
华为云Astro大屏应用分享页Token签名校验使用说明 通过Token参数签名校验功能，可以对大屏交互时传递的URL进行签名鉴权，保证大屏的URL访问链接不会被篡改，从而提高大屏数据以及用户信息的安全性。 前提条件 在使用Token签名验证功能前，需满足以下条件： 华为云Ast
在设置组件交互动作时，可以通过选择事件参数、全局变量或固定值，明确有哪些类型的参数可以传递。 通过参数控制响应动作 参考创建大屏&PC端项目中操作，新建一个大屏项目。 参考使用空白画布新建页面中操作，新建一个空白页面，如页面一，并拖入实心圆饼图和下拉选择框。 选中实心圆饼图，单击，进入交互设置页面。 设置实心圆饼图和下拉选择框之间的交互动作。
和存储时间序列数据，并提供了强大的查询和告警功能。华为云Astro大屏应用支持对接Prometheus数据源，将普罗中的数据作为组件的数据展示。 新建Prometheus数据源 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。
入门实践 当您购买了华为云Astro大屏应用实例后，可以根据业务需要搭建所需的大屏页面和移动端页面。本文介绍华为云Astro大屏应用常见的搭建实践，帮助您更好的使用华为云Astro大屏应用。 表1 常用最佳实践 实践 描述 使用华为云Astro大屏应用开发人员来访统计大屏页面 本
报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。 设置内容安全策略 参考创建页面中操作，创建一个大屏页面。 在大屏开发页面，单击页面上方的，保存页面。 保存成功后，单击页面上方的，进行页面发布设置。 打开发布链接。 图1 打开页面发布链接
如何通过全局变量，实现组件数据的动态变化 在华为云Astro大屏应用中，支持通过全局变量，来控制组件数据的动态显示。本章节以全局变量，控制地图组件中数据的动态显示为例进行介绍。 通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作，新建关系型数据库数据源。 图1 新建关系型数据库数据源
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
