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-chart-card
entity: weather.khlx_daynight
mode: twice_daily
title: NWS FG
units:
pressure: inHg
speed: mph
options:
temp: sensor.fancygap_temperatureout
feels_like: sensor.fancygap_feelslikeout
humidity: sensor.fancygap_humidityout
pressure: sensor.fancygap_rel_pressure
option1: sensor.fancygap_dailyrain
option2: sensor.fancygap_hourlyrain
option3: sensor.fancygap_eventrain| Name | Optional | Description |
|---|---|---|
| type | No | Should be 'custom:weather-card-chart' |
| title | No | Card title |
| entity | No | An entity_id with the weather domain |
| 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 |
| feels_like | Yes | Entity_id of the feels like sensor. Add under temp |
| humidity | Yes | Entity_id of the humitiy sensor. |
| pressure | Yes | Entity_id of the pressure sensor. |
| option1 | Yes | Entity_id of the optional sensor. |
| option2 | Yes | Entity_id of the optional sensor. |
| option3 | Yes | Entity_id of the optional sensor. |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent