Weather forecast tile
The next hours, the next days and nights, or the week, with warnings, from a weather connection.
In a dashboard file: "type": "forecast", with the options below. Every tile also has the fields under Every tile.
Example
Section titled “Example”A tile, as it goes in a screen’s tiles:
{ "type": "forecast", "label": "Weather", "layout": { "x": 1, "y": 1, "width": 4, "height": 2 }, "dataSource": { "connection": "demo", "params": { "device": "weather", "value": "forecast" } }, "options": { "horizon": "medium", "slots": 6 }}It reads the demo home: in a dashboard with the connection "demo": { "driver": "demo", "config": {} }, it works as it is. To read a device of your own, its data source names one of your connections, with the params of that connection’s driver (Connections and data sources).
Options
Section titled “Options”| Field | Type | Default | What |
|---|---|---|---|
source |
data source name | primary |
Weather. One of the tile’s data sources, by name, that gives a forecast. |
horizon |
one of short (Next hours), medium (Next days and nights), long (This week) |
medium |
Forecast. The next hours, the next days and nights, or the week. |
slots |
whole number, 1 to 24 | Slots. How many; 6 hours, 6 days and nights, or 7 days when left out. | |
showRain |
true or false |
true |
Rain. In mm, with its chance. |
showWind |
true or false |
true |
Wind. From the calmest to the strongest, with its direction. |
showWarnings |
true or false |
true |
Warnings. A strip at the top, and a mark on the slots they cover. |
rainColors |
list | [{"above":5,"color":"#ffa94d"},{"above":10,"color":"#ff7070"}] |
Rain colours. The rain in a colour above an amount; the highest that applies wins. |
rainColors[].above |
number, at least 0 | required | Above. In the forecast’s unit: mm or in for rain, kph or mph for wind. |
rainColors[].color |
colour | required | Colour. |
windColors |
list | [{"above":20,"color":"#ffa94d"},{"above":40,"color":"#ff7070"}] |
Wind colours. The wind in a colour above a speed, by the strongest shown; the highest that applies wins. |
windColors[].above |
number, at least 0 | required | Above. In the forecast’s unit: mm or in for rain, kph or mph for wind. |
windColors[].color |
colour | required | Colour. |
Built-in styles
Section titled “Built-in styles”The styles the app offers for it, after “The dashboard’s style”. Style files says what they set.
- Centred
- Left aligned
- Compact
- Icon at the left