Comments (7)
not really but you can play a bit with the text... #8
from flowchart.js.
I too encounter this, most especially when a line leaves a 'box' from the bottom, and immediately heads UP... when it does this, it seems to always go directly through any other boxes it encounters..
can't that be prevented from happening?
from flowchart.js.
This is a really neat piece of software, but I am a bit disappointed by this response.
"Any solution to solve it?"
I realize place and route isn't an easy task, but unfortunately "Not really" isn't an acceptable answer if this code is to be anything besides a toy. My very first attempt to use it with an actual process resulted in the following text which renders a horrible back-line right up the second column which completely overlays the normal forward flow:
st=>start: start
e=>end: Done
op1=>operation: op1
op2=>operation: op2
io1=>inputoutput: io1
op3=>operation: op3
cond1=>condition: cond1
op4=>operation: op4
sub1=>subroutine: sub1
op5=>operation: op5
op6=>operation: op6
op7=>operation: op7
io2=>inputoutput: io2
cond2=>condition: cond2
cond3=>condition: cond3
io3=>inputoutput: io3
op8=>operation: op8
op9=>operation: op9
cond4=>condition: cond4
cond5=>condition: cond5
sub2=>subroutine: sub2
sub3=>subroutine: sub3
st->op1->cond2
cond2(no)->op2->io1->op3->cond1
cond1(no)->op4->e
cond1(yes)->sub1->op5->op6->io2->op8
cond2(yes)->op8->op9->cond5->cond4
cond5(yes)->sub2->cond4
cond4(yes)->sub3->e
cond5(no)->cond4
cond4(no)->e
I tried the suggestion to "play a bit with the text" which I assume means to increase or decrease the length of the text. Unfortunately this increases the column width as a whole but keeps the offending line running smack dab down the middle of the whole column of blocks.
It seems in this case that the correct behavior would actually be to insert space vertical space between cond2 and op8 equal to the height of the op2..io2 column.
from flowchart.js.
As a workaround, it appears that I can change
cond1(yes)->sub1->op5->op6->io2->op8
to
cond1(yes)->sub1->op5->op6->io2(left)->op8
and then change
op1=>operation: op1
to
op1=>operation: op1...................................
from flowchart.js.
+1,
st=>start: Start:>http://www.google.com[blank]
idle=>operation: idle
request-data=>condition: request-data
request-replay=>operation: request-replay
evaluate-spin=>operation: evaluate-spin
spin=>operation: spin
game-over=>operation: game-over
bonus-celebration=>operation: bonus-celebration
retrigger-celebration=>operation: retrigger-celebration
pre-show-footer=>operation: pre-show-footer
pre-show-animate=>operation: pre-show-animate
pre-show-paylines=>operation: pre-show-paylines
win-cycle=>condition: win-cycle
tutorial=>operation: tutorial
autoplay=>operation: autoplay
enter-bonus=>operation: enter-bonus
bonus-idle=>operation: bonus-idle
bonus-win-cycle=>operation: bonus-win-cycle
exit-bonus=>operation: exit-bonus
retrigger-bonus=>operation: retrigger-bonus
max-spins=>operation: max-spins
load-next-spin=>operation: load-next-spin
bonus-celebration-check=>condition: bonus-celebration-check
bonus-retrigger-celebration-check=>condition: bonus-retrigger-celebration-check
is-reality-check=>condition: is-reality-check
is-replay=>condition: is-replay
is-replay-at-start=>condition: is-replay-at-start
is-win-check=>condition: is-win-check
is-animate-check=>condition: is-animate-check
bonus-active-check=>condition: bonus-active-check
bonus-active-no-win-check=>condition: bonus-active-no-win-check
win-cycle-slam-bonus-check=>condition: win-cycle-slam-bonus-check
game-over-should-autoplay=>condition: game-over-should-autoplay
should-autoplay-past-win-cycle=>condition: should-autoplay-past-win-cycle
win-cycle-complete-bonus-check=>condition: win-cycle-complete-bonus-check
exit-bonus-check=>condition: exit-bonus-check
show-retrigger-check=>condition: show-retrigger-check
max-spins-check=>condition: max-spins-check
pre-show-paylines-check=>condition: pre-show-paylines-check
st->is-replay-at-start
is-replay-at-start(yes, left)->request-replay->evaluate-spin->spin->bonus-celebration-check
is-replay-at-start(no)->tutorial->idle->is-reality-check
is-reality-check(yes)->idle
is-reality-check(no)->is-replay
is-replay(yes)->request-replay
is-replay(no)->request-data
request-data(yes)->evaluate-spin
request-data(no)->idle
from flowchart.js.
The problem still the same to this day.
from flowchart.js.
feel free to contribute and create a PR
from flowchart.js.
Related Issues (20)
- How can I create below structure? HOT 3
- [Question] How to make two nodes output to the same node? HOT 3
- Not getting the error in code. HOT 10
- Left path not working in parallel. HOT 3
- Open modal popup when clicked on node. HOT 1
- Link not working HOT 5
- Igor? HOT 4
- How do I control the arrow length? HOT 3
- Flow chart scaling and alignment issues HOT 7
- code2flow seems to be more convenient,Whether you have considered changing the syntax like this? HOT 3
- [help] how can i use this lib HOT 1
- I used your example/index.html in pyflowchart
- [Python] Add support for classes HOT 3
- how to use this in typescript? HOT 4
- How to Add Text Direction
- Incorrect element offset HOT 1
- Could you add input, output type? HOT 1
- Items piling on top of each other ?
- Where did box 5 go? HOT 1
- ESM install issue: An export assignment cannot be used in a module with other exported elements. HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from flowchart.js.