V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
zarte
V2EX  ›  问与答

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

  •  
  •   zarte · May 5, 2019 · 4503 views
    This topic created in 2550 days ago, the information mentioned may be changed or developed.

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

    17 replies    2019-05-05 14:44:45 +08:00
    MiRECoFu
        1
    MiRECoFu  
       May 5, 2019 via Android   ❤️ 1
    图片没加载出来。。但是根据描述你可以去看看 antv 或者 g2.js
    whypool
        2
    whypool  
       May 5, 2019   ❤️ 1
    topo.js
    awebird
        3
    awebird  
       May 5, 2019   ❤️ 1
    zarte
        4
    zarte  
    OP
       May 5, 2019
    好的,我去看看
    zarte
        5
    zarte  
    OP
       May 5, 2019
    @awebird 这个之前看了,需要自己定位的,画图 echart 也是可以,不过也是要自己定位,有添加节点和关系数据自动定位分布的吗?
    liuzhaowei55
        6
    liuzhaowei55  
       May 5, 2019   ❤️ 1
    neo4j
    runze
        7
    runze  
       May 5, 2019   ❤️ 1
    你需要的可能是 Graphviz 的 JavaScript 实现?
    chezs66
        8
    chezs66  
       May 5, 2019   ❤️ 1
    vis.js network 有 hierarchical layout
    http://visjs.org/docs/network/
    zarte
        9
    zarte  
    OP
       May 5, 2019
    @runze 我自己也不懂叫什么图=.=lll, 跟层级图树形图关系图都有点关系。
    runze
        10
    runze  
       May 5, 2019
    @zarte #9 那么 Graphviz 应该适合你
    chezs66
        11
    chezs66  
       May 5, 2019
    @runze 请问你有没有 API 结果 <-> DOT 语言 相互转换的最佳实践?我之前选择技术方案时就纠结在这一点
    Mountain
        12
    Mountain  
       May 5, 2019
    runze
        13
    runze  
       May 5, 2019
    @chezs66 #11 抱歉,我也没找到,目前都是根据业务需求分别写
    grewer
        15
    grewer  
       May 5, 2019
    没看到上面已经推了..
    grewer
        16
    grewer  
       May 5, 2019   ❤️ 1
    这种库比较少,毕竟图像化的业务相关比较少 要是有自己的特殊需求还是自己写好了
    zarte
        17
    zarte  
    OP
       May 5, 2019
    @grewer 嗯,打算用 G6 试试看,大部分满足的,位置可能需要自己算下。
    然后发现我要画的图节点外层还要有个框包裹同层多个节点。。。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3736 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 238ms · UTC 04:31 · PVG 12:31 · LAX 21:31 · JFK 00:31
    ♥ Do have faith in what you're doing.