adrai / adrai/flowchart.js

Compact flowchart

Đang mở
#160 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
Hacktoberfest
Ngôn ngữ chính
JavaScript
Star
8.7k
Fork
1.2k
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

Hi,

I'm just starting out with flowchart.js and really like the look of the charts I'm coming out with (and their flexibility). I'm just struggling a bit with one thing I'm trying to do. The demo chart on the website looks quite compact but I'm not entirely sure how this has been achieved - ones I'm doing seem to end up more spread out. Specifically, I'm aiming for one that has a key path through the centre (going left to right) with additional activities below and 'looping back' to the key path. I've attached examples: flowchart1.png is what I get with my code (pasted below), flowchart2.png is what I'm after. Is there any way to achieve this? Of course it's possible that what I'm looking for doesn't follow usual flowchart standards - this is something I'm not completely familiar with. If that's the case then let me know.

flowchart1.png:
![flowchart1](https://user-images.githubusercontent.com/1508667/44174514-445c9400-a0db-11e8-9267-39d05ffa1bd4.png)

flowchart2.png:
![flowchart2](https://user-images.githubusercontent.com/1508667/44174533-53434680-a0db-11e8-9771-335dbd0f2dac.png)

st=>start: Client submits
completed PIF
e=>end: Finish
init=>subroutine: Project
initialisation
and briefing
consultants=>condition: External consultants
required?
reviewlos=>inputoutput: Review level
of service
consappoint=>subroutine: Procurement -
external appointments
reviewee=>inputoutput: Review existing
building information

st->init(right)->consultants
consultants(yes, bottom)->reviewlos(right)->consappoint(right)->reviewee(right)
consultants(no, right)->reviewee(right)
reviewee(right)->e

Also, I'm not entirely sure if I've missed some documentation somewhere as I'm working by deciphering the demos. I'm using version 1.11.3 of flowchart.js

Many thanks!
Chris

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.