edge 游览器$(this).css("")无法获取值

使用$(this).attr("style")代替

vue实现图谱节点查询,但是查询节点时只能显示部分关系,其他独立的节点没有边相连。 //节点信息查询 const queryGraph = function () { /* nodes = [ { id: 0, name: '节点1', category: '类型A' }, { id: 1, name: '节点2', category: '类型A' }, { id: 2, name: '节点3', category: '类型B' } ]; colorType = ['类型A', '类型B']; edges = [ { source: 0, target: 1 }, // { source: 2, target: 3 } ];*/ nodes = nodes1; colorType = colorType1; edges = edges1; const nodeName = this.queryData.trim(); console.log("nodeName:", nodeName) // 查找目标节点 const targetNode = this.nodes.find(node => node.name === nodeName); if (!targetNode) { this.$message.error('未找到该节点'); return; } // 找到与目标节点相连的边 const connectedEdges = this.edges.filter(edge => edge.source === targetNode.id || edge.target === targetNode.id); console.log("connectedEdges:", connectedEdges) // 找到与目标节点相连的节点 const connectedNodeIds = connectedEdges.flatMap(edge => edge.source === targetNode.id ? edge.target : edge.source); const connectedNodes = this.nodes.filter(node => connectedNodeIds.includes(node.id)); console.log("connectedNodes:", connectedNodes) // 更新图谱数据,显示目标节点及其相连的节点 const updatedNodes = [targetNode, ...connectedNodes]; // 将目标节点和与其相连的节点合并 const updatedEdges = connectedEdges; drawEcharts(this.colorType, updatedNodes, connectedEdges, 'force', 2); // 更新图表 // drawEcharts(colorType, nodes, edges, 'force', 2);
最新发布
05-31
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值