天气
天气是文本组件的一种,用于展示相应城市24小时天气预报及未来一周的天气预报。
在大屏设计页面,从“全部组件 > 文本”中,拖拽“天气”组件至画布空白区域,如图1。
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000001876079652.png)
卡片
卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000001875919756.png)
- 背景
- 背景色:设置组件卡片的背景颜色。
- 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。
- 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
- 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。
- 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。
- 边距:组件中图表距离整个组件四边(上、下、左、右,如图3)的距离,默认为0,即铺满整个组件。
- 上边距:图表到组件边框顶部的距离。
- 右边距:图表到组件边框右侧的距离。
- 下边距:图表到组件边框底部的距离。
- 左边距:图表到组件边框左侧的距离。
配置
在配置中,设置组件的年月日、背景颜色和时间条颜色等。
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000001921999125.png)
- 统一配置
- 是否显示未来天气预测:是否展示未来一周的天气预报。
- 背景颜色:天气预报的背景颜色。
- 今日温度
- 是否显示:是否显示今日温度。
- 字体:今日温度的字体、大小和颜色等设置。
- 天气图标
- 是否显示:是否显示天气图标。
- 图标大小:天气图标的大小。
- 图标颜色:天气图标的颜色。
- 城市名字
- 是否显示:是否显示城市名字。
- 字体:城市名字的字体、大小和颜色等设置。
- 今日天气
- 是否显示:是否显示今日天气。
- 字体:今日天气的字体、大小和颜色等设置。
- 当前星期
- 是否显示:是否显示当前星期。
- 字体:今日星期的字体、大小和颜色等设置。
- 当前日期
- 是否显示:是否显示当前日期。
- 字体:今日日期的字体、大小和颜色等设置。
- 当前时间
- 是否显示:是否显示当前时间。
- 字体:当前时间的字体、大小和颜色等设置。
- 今日其他指标
- 是否显示:是否显示今日其他天气指标。
- 字体:今日其他天气指标的字体、大小和颜色等设置。
- 未来天气图标
- 是否显示:是否显示未来天气图标。
- 图标大小:未来天气图标的大小。
- 图标颜色:未来天气图标的颜色。
- 未来最高温度
- 是否显示:是否显示未来几天的最高温度。
- 字体:未来几天最高温度的字体、大小和颜色等设置。
- 未来最低温度
- 是否显示:是否显示未来几天的最低温度。
- 字体:未来几天最低温度的字体、大小和颜色等设置。
- 未来星期展示
- 是否显示:是否显示未来几天星期。
- 字体:未来几天星期的字体、大小和颜色等设置。
- 未来日期展示
- 是否显示:是否显示未来几天的日期。
- 字体:未来几天日期的字体、大小和颜色等设置。
数据
在数据中,设置天气组件的数据来源,更多介绍请参见数据接入。
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000001921999105.png)
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000001955352852.png)
静态数据中,“dataNow”对应今日天气,“dataForecast”对应未来几天天气预报。
AstroCanvas预置了一套漂亮的天气图标,用于在天气组件上使用图标展示天气状况,并用字段“icon”表示今日天气图标,“iconDay”表示未来日期的天气图标。例如取值为“100”,表示晴天,界面会展示天气图标;取值为“307”,表示大雨,界面会展示天气图标
。取值和天气的对应关系请参见表1。
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 |
交互
在交互中,配置天气组件与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。