检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用华为云Astro大屏应用开发人员来访统计大屏页面 应用场景 人员来访统计大屏用于展示园区中人员相关信息，例如人员类型，人员流量及在园人数等。大屏页面构想，如图1所示。 图1 大屏页面效果 图1中大屏页面由下列组件拼装而成，组件介绍顺序为从上到下、从左到右。 表1 组件说明 组件
如果安装的是安全云脑类大屏，进入大屏页面后，您还需要根据实际情况设置全局变量和数据源等信息，如图2、图3。 图1 输入项目名称和页面标题 图2 配置全局变量 图3 设置数据源信息 通过模板新建页面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击已创建项目的名称，进入对应的项目页面。
传到华为云Astro大屏应用中使用，详情请参见自定义组件说明。 当前仅“华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”实例，才提供Echarts图表组件。 图2 华为云Astro大屏应用中组件 组件通用设置 在华为云Astro大屏应用某个可视化页面中，单击画
交互，请参见echarts组件自定义动作交互设置。 异步加载 对于部分配置项，初始化echarts之前需要异步加载文件。例如“地图（SVG）”组件需要先加载svg文件。这里需要在异步加载动作的完成回调函数中，手动调用echarts的setOption。 图8 异步加载 引入第三方库
如何设置Token认证 在华为云Astro大屏应用中，通过设置Token认证，可以对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不能被篡改，从而提高大屏数据以及用户信息的安全性。使用Token签名验证功能需具备的条件及背景介绍，请参见华为云Astro大屏应用分享页Token签名校验使用说明。
从零开始，通过拖拽组件、设置页面布局、数据源等，构建华为云Astro大屏应用大屏页面&PC端页面。创建移动端页面操作和大屏&PC端页面相同，本章节以创建大屏&PC端页面为例进行介绍。 新建空白页面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击已创建项目的名称，进入对应的项目页面。
入两种方式来新增数据。 手工输入：在右侧数据配置页面，单击，输入对应数据。如果需要添加列或行，可单击“添加列/行”，新增列和行。如果需要删除某些行，可以先选中待删除的行，再单击“删除选中行”。如果需要清除所有内容，可单击“清除列表”。 图2 输入静态数据 将鼠标放在某个列上，单击“
打包。 前提条件 发布项目前，请确保项目中的页面已发布。 发布项目 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在“项目列表”中，将鼠标悬浮在需要发布的项目上，单击，发布项目。 在版本管理中，单击“+ 新建版本”。 设置版本号和版本描述（可选）
1].size = 1; } }, }, 增加和删除list中一项。默认有增加删除功能，所以需要添加addItemFunc和itemDelCallBack函数。 如果noAdd为true，不需要添加。 childItems Array 是 childItems: [ { type: "colorpicker"
前提条件 已获取对应的页面模板文件，详情请参见下载当前页面。 通过页面模板文件新建页面 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击已创建项目的名称，进入对应的项目页面。 在项目中，单击，选择本地的页面模板文件，单击“打开”。
自定义组件并上传到华为云Astro大屏应用中使用。华为云Astro大屏应用为您预置了一些组件模板（Widget包），您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“管理”，进入管理页面。
开启画布网格线功能，用于标定组件在画布中的位置，方便对齐页面组件，发布页面后网格线不会显示出来。开启网格后，支持设置网格的大小和颜色。 图2 开启网格后效果 适应方式 根据需要选择页面适配方式。其中，等比缩放水平铺满、等比缩放垂直铺满和全铺满默认拥有自适应能力，无自适应指页面不会根据不同大小终端设备自适应显示。 图3
全局模板可在当前环境的所有租户下使用，而发布为模板中生成的模板只能在当前环境的对应租户下使用。 将页面发布为全局模板 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击页面所在的项目，进入项目。 在所有页面中，单击待发布为全局模板的页面。 单击“编辑页面”，进入大屏开发页面。
应用场景 智慧城市 数据可视化大屏在智慧城市中扮演关键角色，可以实时展示城市交通流量、环境污染指数、能源消耗情况等数据，帮助城市管理者及时监测城市运行状况，进行智慧决策，提升城市运行效率和居民生活质量。 图1 S市智慧城市大脑 工业制造 在工业制造领域，数据可视化大屏可以展示生产
label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签，需要国际化。 tip Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标，当配置项比较复杂，可以添加一些提示内容。
在全部组件中，可以查看到各种类型的组件（包括预置组件和自定义组件），将组件拖拽到画布中进行配置，完成可视化应用项目的开发。更多关于组件的介绍，请参见组件介绍。 2 图层 在图层列表中，可以查看到画布中各个组件的图层位置，也可以根据可视化应用需要，手动调整每个组件图层的上下位置关系。更多关于图层的介绍，请参见图层管理。
待添加的成员已完成华为云Astro大屏应用授权，否则此处添加成员时无法选择到所需的成员。如何为成员进行授权，请参见授权IAM用户使用华为云Astro大屏应用。 添加成员 租户管理员参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用服务控制台。 在首页中，单击页面右
参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的桥接器”。 将鼠标放在对应的桥接器上，单击。 图10 下载桥接器 默认下载桥接器的最新版本（如1.0.2）。如果需要下载之前版本的桥接器，可在桥接器的历史版本中，单击对应版本后的。
多不做处理。 单行字数：设置标签单行显示的文字个数，一个中文算两个字符。“标签行为”设置为“标签字数过多换行”或“标签字数过多省略”时，才需要配置。 标签旋转：标签旋转角度。 网格线：是否显示网格线。 y轴 Y轴：是否显示Y轴。 轴标题：Y轴标题。 字体：坐标轴字体、颜色、大小设置。
label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签，需要国际化。 tip Object 否 tip: { zh_CN: "中文提示", en_US: "English tip"} 提示图标，当配置项比较复杂，可以添加一些提示内容。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
