有现成 js 库可以画这样类似树形图的图吗？

就是有层级和元素间父子关系还有孤立的元素。
目前想到的只有一个个画，但是那样算位置比较麻烦，根据每层元素平均分有的时候会不好看。

MiRECoFu

2019-05-05 09:37:03 +08:00

图片没加载出来。。但是根据描述你可以去看看 antv 或者 g2.js

zarte

2019-05-05 10:19:35 +08:00

@awebird 这个之前看了，需要自己定位的，画图 echart 也是可以，不过也是要自己定位，有添加节点和关系数据自动定位分布的吗？

runze

2019-05-05 10:42:13 +08:00

你需要的可能是 Graphviz 的 JavaScript 实现？

chezs66

2019-05-05 10:49:59 +08:00

vis.js network 有 hierarchical layout
http://visjs.org/docs/network/

zarte

2019-05-05 10:57:26 +08:00

@runze 我自己也不懂叫什么图=.=lll, 跟层级图树形图关系图都有点关系。

runze

2019-05-05 10:58:32 +08:00

@zarte #9 那么 Graphviz 应该适合你

chezs66

2019-05-05 11:10:11 +08:00

@runze 请问你有没有 API 结果 <-> DOT 语言相互转换的最佳实践？我之前选择技术方案时就纠结在这一点

runze

2019-05-05 11:52:23 +08:00

@chezs66 #11 抱歉，我也没找到，目前都是根据业务需求分别写

grewer

2019-05-05 14:12:51 +08:00

这种库比较少,毕竟图像化的业务相关比较少要是有自己的特殊需求还是自己写好了

zarte

2019-05-05 14:44:45 +08:00

@grewer 嗯，打算用 G6 试试看，大部分满足的，位置可能需要自己算下。
然后发现我要画的图节点外层还要有个框包裹同层多个节点。。。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.