点击节点或者路径时 如何让edge上的label样式发生改变 #4629

问题描述

在点击节点或者路径时 如何让edge上的label样式发生改变，见下图，我现在通过点击事件让edge改变了颜色 ` bindEvent () { const { graph } = this;

  graph.on("node:click", ({ e, node, view }) => {
    if (node.store?.data.type === "lane-rect") {

      graph.getEdges().forEach(edge => {
        edge.zIndex = 1;
        edge.attr({
          line: {
            stroke: "#409EFF",
          },
        });
      })

      graph.getNodes().forEach(node => {
        if (node._parent) {
          node.zIndex = 1;
          node.attr({
            body: {
              stroke: "rgba(0,0,0,0)",
              strokeWidth: 2,
            },
          });
        }
      })
      const nodeId = node.getProp("id");
      node.attr({
        body: {
          stroke: "orange",
          strokeWidth: 4,
        },
      });
      graph
        .getEdges()
        .filter((edge) => {
          return (
            edge.getSource().cell == nodeId
          );
        })
        .forEach((edge) => {
          edge.zIndex = 2;
          edge.attr({
            line: {
              stroke: "orange",
            },
          });
    }
  });

},`

重现链接

见描述

重现步骤

暂无，见问题描述

预期行为

我期望看到当点击节点或者路径时 label会改变颜色 选择其他路径或者节点时 之前改变的label样式会复原，新的会改变

平台

• 操作系统: [macOS, Windows, Linux, React Native ...]
• 网页浏览器: [Google Chrome, Safari, Firefox]
• G6 版本: [4.5.1 ... ]

屏幕截图或视频（可选）

No response

补充说明（可选）

No response