From 91c7c16e4da442ab34dd2851e807a4414ddd3154 Mon Sep 17 00:00:00 2001
From: Florian Hotze <florianh_dev@icloud.com>
Date: Mon, 30 Sep 2024 17:57:50 +0200
Subject: [PATCH] Z-Wave network map: Fix ECharts deprecation warnings (#2774)

Signed-off-by: Florian Hotze <florianh_dev@icloud.com>
---
 .../components/thing/zwave/zwave-network.vue  | 24 ++++++++-----------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/bundles/org.openhab.ui/web/src/components/thing/zwave/zwave-network.vue b/bundles/org.openhab.ui/web/src/components/thing/zwave/zwave-network.vue
index 2fa7f04cd2..314581d9ea 100644
--- a/bundles/org.openhab.ui/web/src/components/thing/zwave/zwave-network.vue
+++ b/bundles/org.openhab.ui/web/src/components/thing/zwave/zwave-network.vue
@@ -25,10 +25,10 @@
 import { use } from 'echarts/core'
 import { CanvasRenderer } from 'echarts/renderers'
 import { GraphChart } from 'echarts/charts'
-import { ToolboxComponent } from 'echarts/components'
+import { TooltipComponent, ToolboxComponent } from 'echarts/components'
 import VChart from 'vue-echarts'
 
-use([CanvasRenderer, GraphChart, ToolboxComponent])
+use([CanvasRenderer, GraphChart, TooltipComponent, ToolboxComponent])
 
 import ThingStatus from '@/components/thing/thing-status-mixin'
 
@@ -67,9 +67,7 @@ export default {
         data: [],
         links: [],
         label: {
-          textStyle: {
-            fontSize: 16
-          },
+          fontSize: 16,
           show: true
         },
         // label: {
@@ -81,21 +79,19 @@ export default {
         // },
         roam: true,
         lineStyle: {
-          normal: {
-            width: 1,
-            curveness: 0.3,
-            opacity: 0.7
-          },
-          emphasis: {
+          width: 1,
+          curveness: 0.3,
+          opacity: 0.7
+        },
+        emphasis: {
+          lineStyle: {
             width: 6,
             focus: 'adjacency'
           }
         },
         symbolSize: 28,
         itemStyle: {
-          normal: {
-            color: 'blue'
-          }
+          color: 'blue'
         }
       }
       return this.$oh.api.get('/rest/things').then((data) => {