vue3 SeeksRelationGraph

Vue3的SeeksRelationGraph是一个Vue关系图谱组件，可以用于展示各种知识图谱，比如组织机构图谱、股权架构图谱和集团关系图谱等。该组件提供了多种布局选项，包括树状布局。如果你想使用SeeksRelationGraph组件，需要先引入relation-graph，并安装它。然后你可以根据自己的需求进行配置，比如设置是否展开默认的节点、禁用拖拽、节点之间的连线样式等。同时，你也可以为节点添加点击事件，并在点击事件中执行相应的逻辑，比如弹出当前节点的信息。下面是一个示例代码：

<template>
  <div>
    <SeeksRelationGraph ref="seeksRelationGraph" :options="graphOptions" :on-node-click="handleNodeClick" />
  </div>
</template>

<script>
import SeeksRelationGraph from 'relation-graph';

export default {
  components: {
    SeeksRelationGraph,
  },
  data() {
    return {
      graphOptions: {
        // 配置选项
      },
    };
  },
  methods: {
    handleNodeClick(node) {
      alert(node);
    },
  },
};
</script>