logo标签列表

寻找家谱。

javascripthtmltreeviewhtml5-canvasfamily-tree
17
我正在使用HTML5开发我的网页应用程序，需要创建一个家谱功能。我已经搜索了一些JS代码示例，但没有找到符合我的需求的。我已经尝试了JIT、Rafael、GoJS等库，其中GoJS最接近我的需求，链接如下：

GoJS fam-tree option #1

但这还不够。我需要使用拖放功能将一个成员与另一个成员连接起来。是否有一些JS库能够满足我的要求或者与GoJS类似？由于我需要为GoJS购买许可证并自定义它，所以预算很紧张。非常感谢。
我看了你的GoJS链接。你能不能用jQuery.UI来补充那个库，然后看看能否使这些元素“可拖动”和“可放置”？如果他们有免费试用版，我会尝试把它们组合起来。 - Glenn Ferrie
我发现jOrgChart可以拖放。http://dl.dropboxusercontent.com/u/4151695/html/jOrgChart/example/example.html - Irwan
2个回答
6
您要查找的功能已经内置在GoJS中。例如，可以查看组织结构图编辑器示例。
您可以双击节点以添加新人员，将节点拖动到其他节点上以更改关系，并从节点背景向没有“老板”的其他节点绘制链接（使用单击拖动操作）。
（如果您想在此简单示例中使节点没有老板，则可以选择并删除链接）
6

我已经找到了。我使用jsPlumb在这个家谱图上进行了一些修改。谢谢你们。

1
请查看我的示例：http://scienic-data.com/force-layout-british-monarch-family-tree/ 使用鼠标滚轮进行缩放，可拖动，带有工具提示。能够显示复杂的关系，如一个人有多个婚姻和家庭成员之间的婚姻/乱伦。使用d3.js力导向图创建。 - Rickard
很好，我该如何重复使用你的树？也许可以开源吗？ - hamecoded
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接