天气

数智大屏支持天气组件，满足大屏可视化需要天气信息的需求场景。

效果案例

配置

基础属性

组件位置：包括组件的横坐标和纵坐标，单位为px；横坐标为组件左上角距离页面左边界的像素距离，纵坐标为组件左上角距离页面上边界的像素距离。

组件尺寸：包括组件的宽度和高度，单位为px；可单击比例锁锁定组件宽高比，等比例调整组件的宽高。再次单击进行解锁，解锁后宽高比不受限制。比例锁默认不锁定。

旋转：以组件的中心为中心点，进行旋转，单位为度（°）。手动输入角度值，控制组件的旋转角度；

• 单击图标，控制组件左右翻转样式；
• 单击图标，控制组件上下翻转样式。

透明：取值范围为0~100%。为0%时，组件隐藏；为100%时，组件完全显示。默认为100%。

组件属性

全局

当前天气：不使用数据配置时，提供内置天气数据，用户直接选择地域便可获取当地实时的当日天气信息。

间距：天气图标与天气信息之间的距离。

天气信息：

• 排列方式：名称、温度、风三段信息文字可以横向排列也可以纵向排列。
• 反向排列：打开时，名称、温度、风三段信息文字顺序反向变化。

图标：

• 排列方式：图标在文字的上下左右位置可配。
• 图标系列：不同天气值对应的天气图标可自定义配置。

天气信息

最小间隔：当组件框缩放得很小时，文字不会重叠显示，且可以按照配置的最小间隔分隔三段文字。

最小间隔为5时：

天气名称：

• 水平/垂直偏移：位置偏移。
• 文本样式：天气名称文字样式。

温度：

• 水平/垂直偏移：位置偏移。
• 连接符：最小温度和最大温度间的连接符，默认是~。
• 文本样式：温度的文字样式。
• 后缀：温度信息的后缀，通常为℃。

风：

• 水平/垂直偏移：位置偏移。
• 文本样式：风力风向的文字样式。

  数据

  组件数据格式

静态数据-JSON数据案例

[
    {
        "weather": "晴",
        "mintemperature": 17,
        "maxtemperature": 28,
        "winddirection": "东南风",
        "windlevel": "3"
    }
]

交互

该组件没有交互事件。