检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
发布项目 项目开发完成后，可以直接在线预览，也可以一键打包从A环境发布、B环境安装，实现开发 > 测试 > 上线的快速部署，从而实现不同环境之间资产的快速迁移。发布项目，支持将项目中的数据集数据一并进行打包。 前提条件 发布项目前，请确保项目中的页面已发布。 发布项目 参考登录华
用界面。 在编辑页面状态下，选中组件，单击组件上方的。 在数据类型中，选择“静态数据”。 图1 选择静态数据 根据业务需求自定义静态数据，也可直接使用系统预置的数据，单击“保存”。 您可以通过“Excel模式”和“Json模式”两种模式设置静态数据。设置为“Excel模式”时，可执行如下操作：
用户名：登录数据库的用户名。 密码：数据库用户密码。 数据库名称：数据库实例名称。 描述：新建数据源的描述信息。 单击“连接测试”，显示“连接成功”，表示DWS数据源可以调通。 单击“保存”，完成数据源的创建。 父主题： 数据源管理
媒体”中，拖拽“轮播页面”组件至画布空白区域，如图1。 图1 轮播页面 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 轮播页面卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件边框设置，支
递，从而达到交互的目的，例如图表联动、自定义字段等功能。AstroZero不支持配置全局变量。 在组件预览中，选择要展示的表字段，即从左边栏中拖入到右边栏中，单击“保存”。 图4 拖拽字段到坐标轴 表格字段：展示创建数据集中，获取的数据。 配置：从表格字段中，拖拽所需的字段到X轴数据、Y轴数据和系列中。
递，从而达到交互的目的，例如图表联动、自定义字段等功能。静态数据不支持配置全局变量。 在组件预览中，选择要展示的表字段，即从左边栏中拖入到右边栏中，单击“保存”。 图5 拖拽字段到对应的坐标轴 表格字段：展示创建数据集中，录入的静态数据。 配置：从表格字段中，拖拽所需的字段到X轴数据、Y轴数据或系列中。
的配置介绍，请参见路由视图。 图1 路由导航(示例) 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 路由导航(示例)卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片
当前环境的对应租户下使用。 将页面发布为全局模板 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击页面所在的项目，进入项目。 在所有页面中，单击待发布为全局模板的页面。 单击“编辑页面”，进入大屏开发页面。 在大屏开发页面，单击，选择“发布为全局模板”。
的数据源，会从项目包中安装数据源。新安装的数据源密码是空的，请在数据源中重新配置密码，也可以在项目页面的“数据”页签，单击，重新配置。 安装项目 在A环境华为云Astro大屏应用界面的“项目列表”页签中，鼠标悬浮在待下载的项目上，单击。 在版本管理中，鼠标放在对应版本后的“操作”下，单击。
单击鼠标，可进入表达式设置页面。在表达式设置页面，可从下方左侧面板选择字段名、函数或者直接输入函数，如图2。 图2 按需设置表达式 测试API接口：用于测试该接口，单击“测试API接口”，“样例报文”中会显示输出结果。 样例报文：对应API接口的响应样例报文数据格式，数据集的元数
边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认和带标签两种。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。
list 配置项说明 表1 list配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "list" 配置项类型。 name String 是 name:"intervalColors" 双向绑定list名称。 label Object 否 label:
转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题 显示图表标题：是否显示图表标题，默认为隐藏。 标题获取：设置
desc 事件的中英文描述，可描述事件的具体场景、作用，必须配置。 fields 变量列表，必须配置，即事件对外输出的变量集合，包含变量名、描述等，必须配置。 fields[0].name 表示变量名，例如“selectValue”。 在组件“.js”文件逻辑代码中，使用“thisObj
的目的，例如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。 在组件预览中，选择要展示的表字段，即从左边栏中拖入到右边栏中，单击“保存”。 图5 拖拽字段到坐标轴 表格字段：展示创
效。 创建项目变量 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 在页面右上角，选择“编辑项目”，获取项目编辑权限。 在左
热力图是柱状图的一种，通过对色块着色来显示数据的统计图表。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“热力图”组件至画布空白区域，如图1。 图1 热力图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 热力图卡片
的目的，例如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。 在组件预览中，选择要展示的表字段，即从左边栏中拖入到右边栏中，单击“保存”。 图6 拖拽字段到坐标轴 表格字段：展示创建数据集中，获取的数据。
文本”中，拖拽“里程碑”组件至画布空白区域，如图1。 图1 里程碑 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 里程碑卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，
域，来表示数据在不同维度的具体表现。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“雷达图”组件至画布空白区域，如图1。 图1 雷达图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
