Copy weather-card-chart.js from this repository into your config/www directory first.
Add a reference to the copied file:
# Example Lovelace UI config entry
resources:
- type: module
url: /local/weather-card-chart.jsThen you can add the card to the view:
# Example Lovelace UI config entry
- type: 'custom:weather-card-chart'
title: Weather
weather: weather.openweathermap| Name | Optional | Description |
|---|---|---|
| type | No | Should be 'custom:weather-card-chart' |
| title | No | Card title |
| weather | No | An entity_id with the weather domain |
| wind | Yes | Entity_id of the wind sensor. Show wind value from sensor instead |
| temp | Yes | Entity_id of the temperature sensor. Show temperature value from sensor instead |
| mode | Yes | Default value: daily. Set mode to hourly to display hours instead weekdays on the chart |