seeksdream / relation-graph Goto Github PK

如图，节点名称没有。
代码就是官网上的“快速上手”那里的示例代码：

是我哪里配置错了吗？

使用官方配置的demo也是这种情况，节点里面的文字不显示，
使用：
https://github.com/seeksdream/relation-graph/blob/master/doc/demo/Demo4TreeData.vue
的demo也是，图形其他都正常显示。就是node里面的文字是空的。
版本"relation-graph": "^1.1.0",

会是哪些情况啊？

第一次进入页面正常,第二次进入的时候
节点数据会变少

需要布局的节点数量： 7
与第一个比数量减少

this.$refs.seeksRelationGraph.setJsonData(graph, (seeksRGGraph) => {
// 这些写上当图谱初始化完成后需要执行的代码
});
执行上述代码之后打印图的数据
console.log(this.$refs.seeksRelationGraph.getGraphJsonData());

结果links丢失from和to字段

是我用法不对吗？

我将渲染之后的graph_json_data数据，使用axios请求，会报错

，我排查了下是nodes的数据会引起报错，可以看下这是什么问题吗

被选中的元素，旋转90度，并且位置有偏移

异常显示

正常显示

双向树中，设置线 isReverse: false 或 true 对箭头无影响

建议开发图形化操作界面，拖动创建节点和连线，自动生成数据。
类似百度脑图，非常感谢！！！

组织架构图谱怎么动态展开子级
How does the organizational chart dynamically expand the child levels

可以设置节点展开收缩动画吗？或有什么自己添加的思路

https://github.com/seeksdream/relation-graph/blob/master/src/index.vue#L425-L436

目前是

向上滚动：放大
双指拉开：缩小

把 https://github.com/seeksdream/relation-graph/blob/master/src/index.vue#L431 这一行的 1 与 -1 交换位置（其实就是不需要对 mac 特殊对待），则会

向上滚动：缩小
双指拉开：放大

上下滚动 到底是缩小还是放大，它区别不明显，但是 双指拉开 这种 用户期望的肯定是 放大。所以似乎根本不应该对 mac 做特殊处理。

数据量大的时候，如何能手动销毁

使用时遇到一些问题想请教，如下：
1.如何设置根节点初始化是自动居中？
2.如何初始化时自适应zoom使画布包含所有节点？
3.子节点展开或收起点击时，为了使节点布局正常，使用refresh()总是会重置画布，有没有优化方案，使点击子节点时节点重绘但不改变当前位置？

1、支持移动端
2、添加栅格布局

在源码里能找到 zoom 方法，也能调用，文档里却没有写 graph 对象下有 zoom 方法

自动布局force拖拽，过几秒拖拽动画效果消失了，这个这么设置的呢

这个菜单栏如何隐藏呀

我想实现一个鼠标hover在关系线上弹出个提示信息框的功能，这个怎么才能实现？

在使用这个组件创建图谱时，当一张图中有两个互不连通的子图时，只有包含root节点的子图能够正常显示，其他的结点会全部重叠在左上角，如 1 to 2，3 to4 时，节点3和节点4会重叠，请问是否能通过设置多个Root节点，使用每一个root节点对应一个非联通子图的方式来解决？

当我收起根节点时，根节点的位置一直在闪烁不定，
const childNodes = this.currentNode.lot.childs || [] if (childNodes && childNodes.length) { childNodes.forEach(item => { item.isHide = true // 隐藏该节点的子节点，前提是该节点不需要从服务器获取子节点 // this.$refs.seeksRelationGraph.removeNodeById(item.id) }) }
收起自己写的，就是隐藏子节点

样式里加上

Originally posted by @Endless520 in #37 (comment)

火狐浏览器 root节点显示有问题

我们做的系统背景是蓝色的，这个图放上去只能是白色背景。。。

1、节点开始拖动事件，可以进行阻止拖动
2、节点拖动实时触发
3、节点拖动结束

使用vue3 按照文档导入了组件，页面就变空白了，报错：Uncaught (in promise) TypeError: selfHook.bind is not a function

请问是不支持vue3吗

因为看到目前已经可以实现了拖拽的效果，但是还不能更改子节点与父节点、子节点与子节点的关系，无法改变to、from的对象
另外，无法在配置里设置渲染结构的百分比，比如我想一打开就是70%大小展示（虽然可以缩放，但是有的时候图太大，一上来显示完整的要好一些）

现在初始化时是这样的

但我希望所有节点能够自动居中，排列整齐

大致是变成这样
另外还想请问下，树状图层级之间的间距可以设置吗？比如我希望两层之间可以更加紧凑一些

案例中就有这个问题

如题, 例如有1-10个节点, 1->2, 2->3, 1->4->5->6, 7,8,9 无关联. 此时会有节点重叠.
变通修复的方法就是添加一个节点0, 然后0->1, 0->7, 0->8, 0->9, 所有没有父节点的节点都以0为父节点. 然后隐藏0节点以及延申出来的连接线即可.
PS: 这个 issue 欠了好久了, 年底太忙了.

看 graph 对象上有 文档中没有的 api ： graph.animateGoto(x, y, time, callback) 以及 graph.animateToZoom(zoom, time, callback), 可是用它跟 节点的 xy 去做操作，怎么操作都不能让节点居中，不懂这个函数的逻辑。

有这个函数的使用讲解吗？还是说 relation-graph 不支持 移动画布使画布上的某一点居中 ？

报错信息：
npm WARN saveError ENOENT: no such file or directory, open '/data/package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open '/data/package.json'

展开放在右边时，右键菜单无效

relation-graph插件在火狐浏览器不支持滚动，有兼容问题

连接节点的线条长度可以设置吗？怎么设置呢？

存在展开按钮 无法触发右击菜单

不存在展开按钮