csdoker
V2EX  ›  问与答

在 vue 的项目中,像这样的树状流程图应该怎么实现?

  •  
  •   csdoker · Oct 18, 2018 · 14618 views
    This topic created in 2940 days ago, the information mentioned may be changed or developed.

    项目是用 vue 搭建的,然后这个模块是个树状的流程图,要求支持拖动。。找了一圈貌似这样的插件很少? 还是我没找对名字?这种效果有比较成熟的实现么,,自己写确实太苦手 https://image-static.segmentfault.com/902/667/902667311-5bc59fd26ed44_articlex

    D3 ? echarts ? GoJS ?貌似都没现成的我这种效果的插件。。自己改的话感觉要改一大堆配置啊。。 目前找到的就 Antv 好像还比较靠谱 支持节点自定义 但是树形插件又不能拖拽 不知道能不能拓展然后实现我这种效果呢

    16 replies  •  2018-10-18 14:07:50 +08:00
    silencefent
    silencefent
    Oct 18, 2018
    1
    百度脑图内种有开源的吧?
    csdoker
    csdoker
    OP
    Oct 18, 2018
    2
    @silencefent 能引入到项目中使用?支持我这种魔改么
    jasonslyvia
    jasonslyvia
    Oct 18, 2018
    3
    jasonslyvia
    jasonslyvia
    Oct 18, 2018
    4
    看起来 OP 已经了解过了。。。恕我眼拙
    csdoker
    csdoker
    OP
    Oct 18, 2018
    5
    @jasonslyvia 我现在就是在看 G6 但是限制还是非常多。。不过比起其他的 已经是我目前找到最靠谱的了。。现在难点就是 g6 的树形插件好像是不支持拖拽的定义的 很蛋疼
    csdoker
    csdoker
    OP
    Oct 18, 2018
    7
    @silencefent 大哥。。这个依赖 angularjs 啊 我要在 vue 中使用。。
    wangdashuai
    wangdashuai
    Oct 18, 2018
    8
    我刚好写过一个类似 vue 流程图绘制,仓库地址 https://github.com/ElemeFE/Hachart。
    在线测试地址 https://wangdashuaihenshuai.github.io/demo/flow-chart/
    wangdashuai
    wangdashuai
    Oct 18, 2018
    9
    特点是可以自定义流程图样式。自动排版,不能自己拖动节点,不过解析和绘制是分开的,可以自己 fork 一个更改。
    csdoker
    csdoker
    OP
    Oct 18, 2018
    10
    @wangdashuai 谢谢~我先研究下,,
    csdoker
    csdoker
    OP
    Oct 18, 2018
    11
    @wangdashuai 意思是拖动需要我自己实现嘛,,
    csdoker
    csdoker
    OP
    Oct 18, 2018
    12
    @wangdashuai 我感觉这个东西的难点就是拖动的时候线条的绘制吧。。绘制树形图、拖动节点 我自己都会写 关键是拖动后线条的绘制。。。这个涉及太多数学计算了。。苦手
    AlphaTr
    AlphaTr
    Oct 18, 2018 via iPhone
    13
    jointjs 看看
    csdoker
    csdoker
    OP
    Oct 18, 2018
    14
    @AlphaTr 谢谢~
    csdoker
    csdoker
    OP
    Oct 18, 2018
    16
    @xycool 谢谢~我研究下
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2004 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 16:27 · PVG 00:27 · LAX 08:27 · JFK 11:27
    ♥ Do have faith in what you're doing.