# 天气 天气是文本组件的一种，用于展示相应城市24小时天气预报及未来一周的天气预报。 在大屏设计页面，从"全部组件 \> 文本"中，拖拽"天气"组件至画布空白区域，如[图1]。 图1天气 ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123027296.png "点击放大") 图2天气组件效果图 ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123185392.png "点击放大") 图3边距样式说明 ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123184108.png) #### 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图4天气卡片 ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158307053.png "点击放大") - 背景 - 背景色：设置组件卡片的背景颜色。 - 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 - 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 - 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 - 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 - 边距：组件中图表距离整个组件四边（上、下、左、右，如[图3]）的距离，默认为0，即铺满整个组件。 #### 配置 在配置中，设置组件的年月日、背景颜色和时间条颜色等。 图5天气配置 ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158307057.png "点击放大") - 统一配置 - 是否显示未来天气预测：是否展示未来一周的天气预报。 - 背景颜色：天气预报的背景颜色。 - 今日温度 - 是否显示：是否显示今日温度。 - 字体：今日温度的字体、大小和颜色等设置。 - 天气图标 - 是否显示：是否显示天气图标。 - 图标大小：天气图标的大小。 - 图标颜色：天气图标的颜色。 - 城市名字 - 是否显示：是否显示城市名字。 - 字体：城市名字的字体、大小和颜色等设置。 - 今日天气 - 是否显示：是否显示今日天气。 - 字体：今日天气的字体、大小和颜色等设置。 - 当前星期 - 是否显示：是否显示当前星期。 - 字体：今日星期的字体、大小和颜色等设置。 - 当前日期 - 是否显示：是否显示当前日期。 - 字体：今日日期的字体、大小和颜色等设置。 - 当前时间 - 是否显示：是否显示当前时间。 - 字体：当前时间的字体、大小和颜色等设置。 - 今日其他指标 - 是否显示：是否显示今日其他天气指标。 - 字体：今日其他天气指标的字体、大小和颜色等设置。 - 未来天气图标 - 是否显示：是否显示未来天气图标。 - 图标大小：未来天气图标的大小。 - 图标颜色：未来天气图标的颜色。 - 未来最高温度 - 是否显示：是否显示未来几天的最高温度。 - 字体：未来几天最高温度的字体、大小和颜色等设置。 - 未来最低温度 - 是否显示：是否显示未来几天的最低温度。 - 字体：未来几天最低温度的字体、大小和颜色等设置。 - 未来星期展示 - 是否显示：是否显示未来几天星期。 - 字体：未来几天星期的字体、大小和颜色等设置。 - 未来日期展示 - 是否显示：是否显示未来几天的日期。 - 字体：未来几天日期的字体、大小和颜色等设置。 #### 数据 在数据中，设置天气组件的数据来源，更多介绍请参见[数据接入](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6143.html)。 图6设置天气组件数据源 ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123185412.png) 图7选择桥接器预置-静态数据 ![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123185416.png "点击放大") 静态数据中，"dataNow"对应今日天气，"dataForecast"对应未来几天天气预报。 华为云Astro大屏应用预置了一套漂亮的天气图标，用于在天气组件上使用图标展示天气状况，并用字段"icon"表示今日天气图标，"iconDay"表示未来日期的天气图标。例如取值为"100"，表示晴天，界面会展示天气图标![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123910500.png "点击放大")；取值为"307"，表示大雨，界面会展示天气图标![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123752440.png "点击放大")。取值和天气的对应关系请参见[表1]。 表1图标字段"icon"、"iconDay"的取值和天气对照表 | icon/iconDay 取值 | 天气状况（中文） | 天气状况（英文） | |:---|:---|:---| | 100 | 晴 | Sunny | | 101 | 多云 | Cloudy | | 102 | 少云 | Few Clouds | | 103 | 晴间多云 | Partly Cloudy | | 104 | 阴 | Overcast | | 150 | 晴 | Clear | | 153 | 晴间多云 | Partly Cloudy | | 154 | 阴 | Overcast | | 300 | 阵雨 | Shower Rain | | 301 | 强阵雨 | Heavy Shower Rain | | 302 | 雷阵雨 | Thundershower | | 303 | 强雷阵雨 | Heavy Thunderstorm | | 304 | 雷阵雨伴有冰雹 | Thundershower with hail | | 305 | 小雨 | Light Rain | | 306 | 中雨 | Moderate Rain | | 307 | 大雨 | Heavy Rain | | 308 | 极端降雨 | Extreme Rain | | 309 | 毛毛雨/细雨 | Drizzle Rain | | 310 | 暴雨 | Storm | | 311 | 大暴雨 | Heavy Storm | | 312 | 特大暴雨 | Severe Storm | | 313 | 冻雨 | Freezing Rain | | 314 | 小到中雨 | Light to moderate rain | | 315 | 中到大雨 | Moderate to heavy rain | | 316 | 大到暴雨 | Heavy rain to storm | | 317 | 暴雨到大暴雨 | Storm to heavy storm | | 318 | 大暴雨到特大暴雨 | Heavy to severe storm | | 399 | 雨 | Rain | | 350 | 阵雨 | Shower Rain | | 351 | 强阵雨 | Heavy Shower Rain | | 400 | 小雪 | Light Snow | | 401 | 中雪 | Moderate Snow | | 402 | 大雪 | Heavy Snow | | 403 | 暴雪 | Snowstorm | | 404 | 雨夹雪 | Sleet | | 405 | 雨雪天气 | Rain And Snow | | 406 | 阵雨夹雪 | Shower Snow | | 407 | 阵雪 | Snow Flurry | | 408 | 小到中雪 | Light to moderate snow | | 409 | 中到大雪 | Moderate to heavy snow | | 410 | 大到暴雪 | Heavy snow to snowstorm | | 499 | 雪 | Snow | | 456 | 阵雨夹雪 | Shower Snow | | 457 | 阵雪 | Snow Flurry | | 500 | 薄雾 | Mist | | 501 | 雾 | Foggy | | 502 | 霾 | Haze | | 503 | 扬沙 | Sand | | 504 | 浮尘 | Dust | | 507 | 沙尘暴 | Duststorm | | 508 | 强沙尘暴 | Sandstorm | | 509 | 浓雾 | Dense fog | | 510 | 强浓雾 | Strong fog | | 511 | 中度霾 | Moderate haze | | 512 | 重度霾 | Heavy haze | | 513 | 严重霾 | Severe haze | | 514 | 大雾 | Heavy fog | | 515 | 特强浓雾 | Extra heavy fog | | 900 | 热 | Hot | | 901 | 冷 | Cold | | 999 | 未知 | Unknown | #### 交互 在交互中，配置天气组件与其他组件或页面之间的交互能力。更多交互介绍，请参见[交互设置](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6140.html)。