Comments (11)
Works. I am now going to find out how to place it "small" onto a picture elements card. An if needed rotate to the north of my map. Let you know.
from lovelace-windrose-card.
You can set the transparency with card_mod card.
Install card_mod: https://github.com/thomasloven/lovelace-card-mod
Just add this to the configuration:
card_mod:
style: |
ha-card {
background-color: transparent
}
from lovelace-windrose-card.
Also, the tip from "error section" gives:
Logger: homeassistant.components.frontend
Source: components/frontend/__init__.py:335
Integration: Home Assistant Frontend (documentation, issues)
First occurred: 09:28:56 (1 occurrences)
Last logged: 09:28:56
Please remove javascript_version from your frontend config. It is no longer supported
from lovelace-windrose-card.
Do you see the windrose circles or is it complete blank?
How did you install the card? Hacs or manual?
In the browser console, press F12 in the browser to show. Are there any windrose card errors?
Do you see the version banner?
from lovelace-windrose-card.
Complete blank.
HACS install.
Uncaught (in promise) TypeError: this.directionData is undefined
matchDirectionLeading http://domain.nl:8123/hacsfiles/lovelace-windrose-card/windrose-card.js?hacstag=5912706960110:597
match http://domain.nl:8123/hacsfiles/lovelace-windrose-card/windrose-card.js?hacstag=5912706960110:562
updateWindData http://domain.nl:8123/hacsfiles/lovelace-windrose-card/windrose-card.js?hacstag=5912706960110:1465
[windrose-card.js:597:9](http://domain.nl:8123/hacsfiles/lovelace-windrose-card/windrose-card.js?hacstag=5912706960110)
from lovelace-windrose-card.
Can you post your card configuration?
from lovelace-windrose-card.
Something is coming to life...
Not there yet, but little steps...
type: custom:windrose-card
title: Wind direction
max_width: 400
windspeed_bar_full: true
wind_direction_entity: sensor.buienradar_wind_direction
windspeed_entities:
- entity: sensor.buienradar_wind_speed
name: Average
input_speed_unit: mps
output_speed_unit: mps
speed_ranges:
- from_value: 0
color: rgb(0,255,0)
- from_value: 5
color: yellow
- from_value: 10
color: hsl(200, 100%, 60%)
- from_value: 20
color: orange
- from_value: 40
color: red
from lovelace-windrose-card.
I'm also from the Netherlands. Installed the Buienradar integration a few years ago. Totally forget it also provided these entities. They where all disabled.
I enabled them just now. Tomorrow I will try to windrose-card work with Buienradar.
One thing I saw. The wind speed entities use km/h instead of m/s. Your input_speed_unit config is mps. I think this should be kph.
About the wind direction. I don't know if you renamed the entities, but here the sensor.buienradar_wind_direction_azimuth entity returns the direction in degrees.
Hopefully tomorrow more info.
from lovelace-windrose-card.
Cool! Let me know the yaml for the card :-)
from lovelace-windrose-card.
This config works here.
You can tweak the numbers, 24 hours history is very high, maybe you want to lower this.
type: custom:windrose-card
title: Windrose Buienradar
hours_to_show: 24
max_width: 400
refresh_interval: 360
windspeed_bar_location: bottom
windspeed_bar_full: false
wind_direction_entity: sensor.buienradar_wind_direction_azimuth
windspeed_entities:
- entity: sensor.buienradar_wind_speed
name: Windkracht
wind_direction_unit: degrees
input_speed_unit: kph
output_speed_unit: bft
windrose_draw_north_offset: 0
cardinal_direction_letters: NOZW
matching_strategy: speed-first
direction_speed_time_diff: 1
from lovelace-windrose-card.
Did you manage to look into "transparency"?
from lovelace-windrose-card.
Related Issues (20)
- Numbers in and next to the bar HOT 5
- [Feature request] add range selector buttons
- Card not displaying HOT 2
- Speed unit locked to beaufort HOT 2
- Provide a full, working example HOT 8
- [Feature request] Use vector graphics (fix Low resolution graphic) HOT 5
- [Feature request] : add the possibility to use weather forecast entity data
- [Feature request] Format text color based on windspeed color HOT 5
- Gust Windspeed Entity not available HOT 2
- [Feature request] Show Current Wind Speed and Gust Values HOT 3
- Card Dynamically Keeps Growing and Growing in Size HOT 4
- Some issues in Firefox HOT 3
- Can you edit and give an example how to get gust scale visible? HOT 1
- Blank screen and error in browser console HOT 6
- [Feature Request] Background Image HOT 1
- Card not working in companion app (iOS) HOT 2
- [Feature request] Add tap and double tap action
- Could this windrose show forecast?
- No longer displaying after switching to Beaufort scale supported by HA 2024.4 HOT 6
- Bug: Beaufort as input wind speed unit HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lovelace-windrose-card.