azuwis / zigbee2mqtt-networkmap

Home Assistant Custom Card to show Zigbee2mqtt network map
251 stars 18 forks source link

Blank screen refresh #35

Closed aladin2000 closed 2 years ago

aladin2000 commented 2 years ago

Hi Last version for hassio Used hacs installation for networkmap I have a blank screen instead of Map In dev i do not see any sensor of the Map for sensor.zigbee2mqtt_networkmap I see in ui

`- url: /community_plugin/zigbee2mqtt-networkmap/zigbee2mqtt-networkmap.js

type: module

`

But seems to me thé module is not correctly configured

Any Idea of Root cause ?

Yaml:

type: custom:zigbee2mqtt-networkmap entity: sensor.zigbee2mqtt_networkmap mqtt_base_topic: zigbee2mqtt force: 3000 node_size: 16 font_size: 12 link_width: 2 height: 400 css: | :host { --zigbee2mqtt-networkmap-node-color: rgba(18, 120, 98, .7); --zigbee2mqtt-networkmap-node-fill-color: #dcfaf3; --zigbee2mqtt-networkmap-node-pinned-color: rgba(190, 56, 93, .6); --zigbee2mqtt-networkmap-link-color: rgba(18, 120, 98, .5); --zigbee2mqtt-networkmap-hover-color: #be385d; --zigbee2mqtt-networkmap-link-selected-color: rgba(202, 164, 85, .6); --zigbee2mqtt-networkmap-label-color: #127862; --zigbee2mqtt-networkmap-arrow-color: rgba(18, 120, 98, 0.7); --zigbee2mqtt-networkmap-node-coordinator-color: rgba(224, 78, 93, .7); --zigbee2mqtt-networkmap-node-router-color: rgba(0, 165, 255, .7); }

azuwis commented 2 years ago

You have to add this part of the config:

sensor:
  - platform: mqtt
    name: Zigbee2mqtt Networkmap
    # if you change base_topic of Zigbee2mqtt, change state_topic accordingly
    state_topic: zigbee2mqtt/bridge/response/networkmap
    value_template: >-
      {{ now().strftime('%Y-%m-%d %H:%M:%S') }}
    # again, if you change base_topic of Zigbee2mqtt, change json_attributes_topic accordingly
    json_attributes_topic: zigbee2mqtt/bridge/response/networkmap
    json_attributes_template: "{{ value_json.data.value | tojson }}"

Follow the README carefully.

Or you can use the zigbee2mqtt official web UI https://www.zigbee2mqtt.io/guide/configuration/frontend.html

aladin2000 commented 2 years ago

Thanks a lot for your help It Works

15 févr. 2022 15:32:10 Zhong Jianxin @.***>:

You have to add this part of the config:

*sensor:

  • platform: mqtt name: Zigbee2mqtt Networkmap

    if you change base_topic of Zigbee2mqtt, change state_topic accordingly

    state_topic: zigbee2mqtt/bridge/response/networkmap value_template: >- {{ now().strftime('%Y-%m-%d %H:%M:%S') }}

    again, if you change base_topic of Zigbee2mqtt, change json_attributes_topic accordingly

    json_attributes_topic: zigbee2mqtt/bridge/response/networkmap json_attributes_template: "{{ value_json.data.value | tojson }}" * Follow the README carefully.

Or you can use the zigbee2mqtt official web UI https://www.zigbee2mqtt.io/guide/configuration/frontend.html

— Reply to this email directly, view it on GitHub[https://github.com/azuwis/zigbee2mqtt-networkmap/issues/35#issuecomment-1040343026], or unsubscribe[https://github.com/notifications/unsubscribe-auth/AD7K4IYRU2RHXKSLIFLNIITU3JPWTANCNFSM5ON4EOIQ]. Triage notifications on the go with GitHub Mobile for iOS[https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675] or Android[https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub]. You are receiving this because you authored the thread. [data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAAoSURBVHic7cEBAQAAAIIg/69uSEABAAAAAAAAAAAAAAAAAAAAAACPBkiEAAHzeIrHAAAAAElFTkSuQmCC###24x24:true###][Image de pistage][https://github.com/notifications/beacon/AD7K4I6LD5NY3NG6DX2AJ43U3JPWTA5CNFSM5ON4EOI2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOHYBF74Q.gif]