检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何基于页面级的全局变量实现组件交互 华为云Astro大屏应用支持设置页面级的全局变量，通过页面组件间的交互，可给全局变量赋值。本章节将以开发一个告警监控页面为例，逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面，如图1所示，在页面上方下拉框中选择告警
图层透明度：设置图层的透明度。 图层样式 颜色设置：设置图层的颜色，单击“新增颜色设置”，可添加新的颜色。 最大值：热力值的最大值，默认为数据中的最大值，也可以自定义设置，会控制热力的最热区域的显示效果。 最小值：热力值的最小值，默认为数据中的最小值，也可以自定义设置，会控制热力的最冷区域的显示效果。
行修改。 显示名称：图表中实际显示的系列名称。 下标：数据系列所在的位置。 初始选中：数据项初始是否被选中。 颜色样式：数据系列的颜色样式，支持以下几种。 单色：可设置正常颜色和高亮下颜色。 渐变色：可设置渐变样式、渐变方向、起始颜色和结束颜色。 纹理：设置为“纹理”时，需要上传
录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 标签：SQL作业的标签。单击“标签”后的“展开”，设置标签的键“key”和标签的值“value”，即在DLI构建数据中设置的标签。 设置标签：从设置标签的SQL作业中，获取数据
进度条样式：设置进度条的样式，如圆角矩形、矩形。 进度条宽度：设置进度条的宽度。 进度条颜色：设置进度条当前进度的颜色。 进度条背景色：设置进度条的背景颜色。 图标进度条：是否显示进度条图标。 图标样式：自定义图标样式。建议选择JPG、JPEG、PNG或GIF格式的图片，且每张图片的大小不能超过50MB。
境发布、B环境安装，实现开发 > 测试 > 上线的快速部署，从而实现不同环境之间大屏&PC端、移动端资产的快速迁移。 发布项目 将已开发好的项目进行一键发布，发布项目时支持将项目中的数据集数据一并进行打包。 安装项目 获取已发布的项目包，在其他环境中安装，实现项目迁移。
区间部分 填充颜色：设置标签数据所处区间的对应颜色。均分显示时，区域数据从小到大，对应图层颜色由浅到深。区间显示时，区域图层颜色取决于其数据所处区间对应颜色。 数值字体：设置标签数值的字体、颜色和大小等。 数值后缀：设置标签数值的后缀，如%。 内容字体：设置标签内容的字体、颜色和大小等。
趋势名称：设置主要趋势的名称。 趋势名称字体：设置主要趋势名称的字体、大小和颜色。 数字字体：设置主要趋势数字的字体、大小和颜色。 趋势位置：设置主要趋势的位置。 前缀：是否显示前缀，设置为“显示”时，支持设置如下属性。 前缀内容：输入主要趋势前缀的内容。 前缀字体：设置主要趋势前缀的字体、大小和颜色等。
最大高度：设置下拉弹出框的最大高度。 背景颜色：设置下拉弹出框的背景色。 字体颜色：设置下拉弹出框中字体的颜色。 选中态背景颜色：设置选中某项内容时，背景的颜色。 选中态字体颜色：设置选中某项内容时，字体的颜色。 鼠标悬浮时背景颜色：设置鼠标悬浮在某项内容上时，背景的颜色。 鼠标悬浮时字
搜索框设置 字体：搜索内容的字体大小、颜色等设置。 背景颜色：设置搜索框的背景颜色。 边框颜色：默认状态下，搜索框边框的颜色。 边框聚焦颜色：鼠标选中搜索框时，边框的颜色。 边框悬浮颜色：鼠标悬浮在搜索框上时，边框的颜色。 占位符：没有输入搜索内容时，展示的文字内容。 搜索按钮设置
默认选择项：下拉框默认的选择项。 字体：下拉框中字体的大小、颜色等设置。 背景颜色：设置下拉框的背景颜色。 边框颜色：默认状态下，下拉框边框的颜色。 边框聚焦颜色：鼠标选中下拉框时，边框的颜色。 边框悬浮颜色：鼠标悬浮在下拉框上时，边框的颜色。 占位符：没有输入内容时，展示的文字内容。 是
样式设置：设置勾选框的样式，支持圆角、方形和圆形。 颜色设置 字体颜色：未选中状态下，选项字体的颜色。 背景颜色：选项背景的颜色。 选中态背景颜色：选中状态下，选择框背景的颜色。 边框颜色：未选中状态下，选择框边框的颜色。 边框聚焦颜色：鼠标选中选择框时，边框的颜色。 边框悬浮颜色：鼠标悬浮在选择框上时，边框的颜色。
什么是盘古助手 盘古助手是由华为研发的基于盘古模型的AI助手，可以根据用户的需求，灵活地生成转换器代码，快速接入数据至大屏。此外，盘古助手还擅长回答各类通用问答知识，无论是编程、技术咨询还是其他领域的问题，都能够帮助用户解决问题，提供准确、逻辑性强且友好的回复。 盘古助手具备优势 高效
背景颜色：时间弹出框背景的颜色。 字体颜色：时间弹出框中时间的颜色。 悬浮字体颜色：鼠标指针悬停在时间弹出框上，显示的字体颜色。 选中字体颜色：时间弹出框中，选中状态时间的字体颜色。 选中背景颜色：时间弹出框中，选中状态时间的背景颜色。 分割线颜色：时间弹出框中分割线的颜色。 图8
是否显示未来天气预测：是否展示未来一周的天气预报。 背景颜色：天气预报的背景颜色。 今日温度 是否显示：是否显示今日温度。 字体：今日温度的字体、大小和颜色等设置。 天气图标 是否显示：是否显示天气图标。 图标大小：天气图标的大小。 图标颜色：天气图标的颜色。 城市名字 是否显示：是否显示城市名字。
组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取，以EchartsWidgetTemplate组件为例，在“{Widget}”.editor.js文件中，可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类型的配置项时，默认组件需要对接数据集。配置示例如下：
该状态下日期块的背景色：设置当前状态下日期块的背景颜色。 日期字体：设置该状态下日期字体、文字大小、日期文字颜色等。 日期的行高大小：设置该状态下日期的行高大小。 内容字体：设置该状态下日期上备注的内容字体、文字大小、内容文字颜色等。 日历卡片 背景色：设置日历卡片的背景颜色。 边框色：设置日历卡片边框的颜色。 日期块的高度：设置每个日期块的高度。
表头行高占比(%)：设置表头的行高占比。 背景色：设置表头的背景颜色。 对齐方式：设置表头的对齐方式，如水平居中、居左和居右。 表头字体：设置表头的字体、颜色和大小等。 行配置 换行显示：是否开启换行显示。 行背景色：设置行的背景颜色，支持设置奇数、偶数行背景颜色和自定义行背景颜色。 行背景色设
在配置中，设置组件的年月日、背景颜色和时间条颜色等。 图4 时间展示配置 年月日 显示：是否显示年月日。 字体：设置年月日字体、颜色和大小等。 时间 显示：是否显示时间。 字体：设置时间字体、颜色和大小等。 星期 显示：是否显示星期。 字体：设置星期字体、颜色和大小等。 背景颜色：设置组件背景颜色。
默认状态样式：设置碑节点的默认状态样式，支持图片改色和上传图片两种样式。 默认颜色：设置碑节点的默认样式的颜色。 选中状态样式：设置碑节点的选中状态。 选中颜色：设置碑节点选中时的颜色。 高亮状态样式：设置碑节点高亮状态的样式。 高亮颜色：设置碑节点高亮状态的颜色。 聚焦颜色：设置碑节点聚焦状态的颜色。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
