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