fix(dashboard): edges not interactive, only nodes trigger hover/dim

- Added blur config for dimmed state (opacity 0.15 for nodes, 0.04 for edges)
- Added scale effect on node hover (1.1x)
- Explicit edgeSymbol: none to disable edge markers
- Only nodes are interactive: hover, click, tooltip
- Edges have no hover effect, no tooltip, no click handler

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
zvx-echo6 2026-05-12 13:02:50 -06:00
commit ef7a63fb70

View file

@ -187,11 +187,21 @@ export default function TopologyGraph({
edgeLength: [80, 120],
gravity: 0.1,
},
// Only nodes trigger hover/click - edges are not interactive
emphasis: {
focus: 'adjacency',
blurScope: 'coordinateSystem',
scale: 1.1,
lineStyle: {
width: 3,
width: 2,
},
},
blur: {
itemStyle: {
opacity: 0.15,
},
lineStyle: {
opacity: 0.04,
},
},
label: {
@ -204,6 +214,8 @@ export default function TopologyGraph({
edgeLabel: {
show: false,
},
// Edges not interactive - no hover, no tooltip, no click
edgeSymbol: ['none', 'none'],
// Selection styling handled via data opacity
},
],