diff --git a/core/core-frontend/src/components/data-visualization/RealTimeGroup.vue b/core/core-frontend/src/components/data-visualization/RealTimeGroup.vue
index af1b3b8a8d..c890e5d4ea 100644
--- a/core/core-frontend/src/components/data-visualization/RealTimeGroup.vue
+++ b/core/core-frontend/src/components/data-visualization/RealTimeGroup.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import group from '@/assets/svg/group.svg'
 import bar from '@/assets/svg/bar.svg'
 import dbMoreWeb from '@/assets/svg/db-more-web.svg'
 import dvMoreTimeClock from '@/assets/svg/dv-more-time-clock.svg'
@@ -25,7 +26,6 @@ import bubbleMapOrigin from '@/assets/svg/bubble-map-origin.svg'
 import chartMixGroupOrigin from '@/assets/svg/chart-mix-group-origin.svg'
 import chartMixOrigin from '@/assets/svg/chart-mix-origin.svg'
 import chartMixStackOrigin from '@/assets/svg/chart-mix-stack-origin.svg'
-import chartMixDualLineOrigin from '@/assets/svg/chart-mix-dual-line-origin.svg'
 import flowMapOrigin from '@/assets/svg/flow-map-origin.svg'
 import funnelOrigin from '@/assets/svg/funnel-origin.svg'
 import gaugeOrigin from '@/assets/svg/gauge-origin.svg'
@@ -202,7 +202,6 @@ const iconMap = {
   'chart-mix-group-origin': chartMixGroupOrigin,
   'chart-mix-origin': chartMixOrigin,
   'chart-mix-stack-origin': chartMixStackOrigin,
-  'chart-mix-dual-line': chartMixDualLineOrigin,
   'flow-map-origin': flowMapOrigin,
   'funnel-origin': funnelOrigin,
   'gauge-origin': gaugeOrigin,
@@ -231,7 +230,8 @@ const iconMap = {
   'treemap-origin': treemapOrigin,
   'waterfall-origin': waterfallOrigin,
   'word-cloud-origin': wordCloudOrigin,
-  't-heatmap-origin': tHeatmapOrigin
+  't-heatmap-origin': tHeatmapOrigin,
+  group: group
 }
 const getIconName = item => {
   if (item.component === 'UserView') {
diff --git a/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue b/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue
index bf569967c9..3cd50e05f4 100644
--- a/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue
+++ b/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import group from '@/assets/svg/group.svg'
 import bar from '@/assets/svg/bar.svg'
 import dbMoreWeb from '@/assets/svg/db-more-web.svg'
 import dvMoreTimeClock from '@/assets/svg/dv-more-time-clock.svg'
@@ -25,7 +26,6 @@ import bubbleMapOrigin from '@/assets/svg/bubble-map-origin.svg'
 import chartMixGroupOrigin from '@/assets/svg/chart-mix-group-origin.svg'
 import chartMixOrigin from '@/assets/svg/chart-mix-origin.svg'
 import chartMixStackOrigin from '@/assets/svg/chart-mix-stack-origin.svg'
-import chartMixDualLineOrigin from '@/assets/svg/chart-mix-dual-line-origin.svg'
 import flowMapOrigin from '@/assets/svg/flow-map-origin.svg'
 import funnelOrigin from '@/assets/svg/funnel-origin.svg'
 import gaugeOrigin from '@/assets/svg/gauge-origin.svg'
@@ -293,7 +293,6 @@ const iconMap = {
   'chart-mix-group-origin': chartMixGroupOrigin,
   'chart-mix-origin': chartMixOrigin,
   'chart-mix-stack-origin': chartMixStackOrigin,
-  'chart-mix-dual-line-origin': chartMixDualLineOrigin,
   'flow-map-origin': flowMapOrigin,
   'funnel-origin': funnelOrigin,
   'gauge-origin': gaugeOrigin,
@@ -322,7 +321,8 @@ const iconMap = {
   'treemap-origin': treemapOrigin,
   'waterfall-origin': waterfallOrigin,
   'word-cloud-origin': wordCloudOrigin,
-  't-heatmap-origin': tHeatmapOrigin
+  't-heatmap-origin': tHeatmapOrigin,
+  group: group
 }
 const getIconName = item => {
   if (item.component === 'UserView') {