Z-Wave graph (without the python)

Blair_Pollard · May 5, 2020, 4:47pm

Wonder if anyone could help I have a yale z wave lock and if i unlock manually i get a RTT of around 300ms but if i remoteely unlock via HA i get a RTT of over 1500ms most of the time around 1900ms and it take 6 seconds to update status.

I had this lock on smartthings and both the lock and the hub are about 20 m away with only 2 plaster board walls between. on smartthings was perfectly fine worksed instantly.

Any ideas?

firstof9 · May 5, 2020, 4:49pm

Does it unlock when you push the unlock button in HA or is there a delay?

Blair_Pollard · May 5, 2020, 4:54pm

it unlocked instantly as soon as i push the button but the feedback is 6-8 seconds later.

if i unlock at the door physically it updates instantly in HA same with locking.

why it makes no sense if it was slow all the time maybe mesh issue but the fact it can communicate fast sometimes and i can reproduce issues 100% f the time has me stumped.

im surprised its not use one of the two switches as a hop as its directly between the lock and hub.

the zipato device is right next to the lock has no issues at all.

Blair_Pollard · May 5, 2020, 5:03pm

Is there anyway to have this panel display inside a view in lovelace so it doesnt need its own panel?

RandyA · May 5, 2020, 6:18pm

Does this work with external zwave controllers such as Vera? or does HA have to be doing the zwave control? (I use Vera)
I have the panel up but no nodes showing. Browser inspect shows an error in Safari: Unhandled Promise Rejection: TypeError: undefined is not an object (evaluating ‘this.hass.dockedSidebar’). In Chrome: Uncaught (in promise) TypeError: Cannot read property ‘dockedSidebar’ of undefined.

Mats_Karlsson · May 5, 2020, 7:32pm

Thoughts about this?

firstof9 · May 5, 2020, 8:14pm

No

yes

Correct.

firstof9 · May 5, 2020, 8:15pm

That has nothing to do with this graph, but it looks like the state of a sensor and some button you have on your lovelace ui are not on speaking terms.

RandyA · May 5, 2020, 8:49pm

Thank you, @firstof9

mirekmal · May 9, 2020, 5:01pm

FOR THE BRAVE ONES ! ! !

OK, so recently I spend quite a bit of time creating new theme for my HA and I wanted also other integrations/components to match aestetics of my theme. One of these components is Z-Wave graph
On the screenshot below you can see what I achieved so far (OK, you might like or dislike color selection, but most important is to demonstrate what can be done):

For those brave enough to try it (and perhaps for @AdamNaj for integration into official add-on) here is how it is done:

I created new version of the latest zwavegraph2.html with lots of modification regarding colors coding. You will find full code at the bottom of this post.
This version have most of meaningfull hardcoded colors replaced with variables, following (more or less) HA theming standards. Not all colors are replaced, for some I did not found any use… perhaps some orphans from previous versions or color appearing in very special cases?
To manage allthese customized colors, I created template to be added to standard HA theme, giving you placeholde for all colors that can be changed this way - again full code is attached at he bottom of post.
To apply this mode you need to:

Replace existing zwavegraph2.html with mine one. WATCHOUT: if official version gets updated you might loose these changes!!!
Append theme color variables to your theme. You will find there some of variables poiting to standard HA colors and some that are hardcoded by me or pointing to other color variables I use in my theme in order to match overal color scheme I use. You should customize these to your like, otherwise you might receive some messy color scheme! I found quite a lot of shared themes do not use of of possible color selections that HA provides.
Reload your theme (frontend.reload_themes or restart HA), clear browser cache and reload HA web page to enjoy result.

Some additonal coments:

For every theme you use you will need to append color scheme tempate related to this mod. Regular themes will not include appropriate variables!
- Not all colors are customizable by variables, so can be themed. In particular color of header of legend on top (white on my screenshot) is coded in the way that I did not figured out how it can be changed… If you want to change this to something more appropriate to your theme, you need to change manually line 875 in zwavegraph2.html… Perhaps some java guru can help?
if you do not define any of required colors properly it will appear on the graph black… This is all or nothing solution!
In theme file I commented most of color variables, so you will know exaclty what element this color is responsible for. Some I left without coments, but I believe these are self explanatory by analogy.

So, to the specifics… updated zwavegraph.html and theme template can be found in fork I created on GitHub:

EDIT: Found the way to theme also legend header - updated code on GitHUb So now zwavegraph is fully themable!

Enjoy!

letohicy · May 23, 2020, 6:24pm

Thank you @mirekmal for the job done.
It seems really useful, but I think I’ve done something wrong as I don’t get the expected results.

I’m currently using Hass.io and here how I’ve proceeded :

With the File editor, I have created a “panels” folder under “config/”.
In this folder, I have also created a zwavegraph2.html file, and pasted your code in it.
My config.yaml is :

panel_custom:
  - name: zwavegraph2
    sidebar_title: ZWave Graph
    sidebar_icon: mdi:access-point-network
    url_path: zwave

When I try to use your theme.yaml, the configuration check doesn’t pass. So I don’t use it.
After a quick restart of HA (frontend.reload_themes doesn’t make anything), it seems to perfectly work. Except that I don’t see my USB stick (Sigmas Designs), or any connexions. And 2 nodes appear as unconnected but they are.

Has anyone already has this problem? Or can help to put me on the tracks ?

mirekmal · May 23, 2020, 7:13pm

Hmm… hard to say… To be honest all what I did is was to take from original isntallation of this panel the source code, made a bit of trial and error investigations and put it back together into modified file that can handle themed colors instead if hardcoded one… So what I’d try to do is to follow original instructions how to install this panel and once it works to replace the original file with one I provided…
So… possible causes:

I see (but perhaps it is type in your post) that you put information of this panel into config.yaml insted of confiuration.yaml?
themes are tricky… my modification requires all of the color variables to be configured in valid theme, otherwise colors will be just black… I do not think there is any CSS inheritance here. But what is worrying is that configuration check does not pass. I do not think that themes are checked by configuration check, so to me it seems sometnig else is wrong.
Zwavegraph2 has nothing to do with actual Zwave configuration… it just takes some data from it as a source to crete network map. So if you have troubles with not seeing USB stick or nodes showing incorectly, this might rather indicate problems with Zwave configuration…

letohicy · May 23, 2020, 9:24pm

Thank you for your prompt reply.

I’ve tried with the previous version of the zwavegraph2.html (2.2) and with the first one, but without success.

Regarding your points:

I made a mistake, my config file’s name is configuration.yaml. I get confused with the folder’s name.
As I don’t see any black line or any black shape, I don’t think the “theme problem” is a “real” one.
Your last point comforts me in my first thought. I think there’s probably a problem into my Z-Wave configuration, and unfortunately this tool is not able to interface with it.

If anyone wants to work on this (found the problem / patch it), I’ll be glad to help and provide more information about my installation / set-up / config. But I’m afraid I can’t treat this by myself.

mirekmal · May 24, 2020, 6:25am

Take it easy, this is what the community is for
But for start I’d suggest to start a new thread on forum, not to flood this one with what seems not relevant discussion to main topic of this one.

kurisutian · June 14, 2020, 4:27pm

Any chance that the graph will be working with the new OpenZwave implementation? Just switched to it and noticed the graph does not work any longer (totally forgot about that). Of course it does not, but I am curious if it will be ported to the new OZW base any time?
I found it way to useful to no longer use it at this point.

sender · June 14, 2020, 4:36pm

Very curious too! And also how to get it working with that

Leticron · June 14, 2020, 6:28pm

Hi,

does Zwavegraph2 only work if you are on Hass.io?
I have my setup on docker running on a Synology NAS and I only see a blank page without any errors being logged in the dev logs.

If so, is there a possibility to obtain a similar visualization of the mesh for non Hass.io users?

iderdik · June 18, 2020, 9:41pm

When I use the gist listed above,

panel_custom:
  - name: zwavegraph2
    sidebar_title: ZWave Graph
    sidebar_icon: mdi:access-point-network
    url_path: zwave

I get validation errors saying I must specify a js_url or a module_url. Has something changed in Home Assistant 0.112.0.dev20200617 ?

sparkydave · June 19, 2020, 12:05am

I have a feeling there is something in 0.111.x causing issues here as well. I posted this on Github but Paulus has hinted that the issue is in my config despite it having worked for months on previous HA versions.

finity · June 19, 2020, 3:53am

I’m on v111.3 and my zwave graph is working.

here is my config:

panel_custom:
  - name: zwavegraph2
    sidebar_title: Z-Wave Graph
    sidebar_icon: mdi:access-point-network
    url_path: zwave

it is exactly as yours above.

which version of the html code are you using? I’m on V2.3 (May 2020)