/lovelace-qweather-rain-card

Homeassistant 和风天气降雨量卡片

Home Assistant QWeather Forecast Card

Graph of QWeather rain forecast 和风天气-降雨量卡片 修改自lukevink/lovelace-buien-rain-card

如果想要免费使用和风天气的API，使用前需要注册和风天气的账号并完成实名制，成为免费开发版开发者(Free Dev Developer)。

Preview Image

Simple install

  1. Download and copy qweather-rain-card.js into your config/www directory.

  2. Add a reference to qweather-rain-card.js inside your ui-lovelace.yaml.

resources:
  - url: /local/qweather-rain-card.js
    type: module

Add as a card to your UI

  - type: 'custom:qweather-rain-forecast'
    qweather_key: ********************************
    long: 104.06
    lat: 30.67
    lineColor: 'rgba(89, 160, 238, 1)'
    fillColor: 'rgba(89, 160, 238, 0.2)'
    update_interval: 60
    icon: 'mdi:weather-rainy'

(update interval is in seconds)

An example in my own UI as a Picture Element:

Preview Image