要在網頁中集成Flowchart.js,您需要按照以下步驟操作:
<script src="path/to/flowchart.min.js"></script>
<div id="flowchart"></div>
var chart = flowchart.parse('st=>start: Start|past:>http://www.google.com[blank]\n' +
'e=>end: End:>http://www.google.com\n' +
'op1=>operation: My Operation\n' +
'sub1=>subroutine: My Subroutine\n' +
'cond=>condition: Yes or No?|approved:>http://www.google.com\n' +
'io=>inputoutput: catch something...\n' +
'\n' +
'st->op1->cond\n' +
'cond(yes)->io->e\n' +
'cond(no)->sub1(right)->op1');
chart.drawSVG('flowchart', {
'yes-text': 'Yes',
'no-text': 'No',
'flowstate' : {
'past' : { 'fill' : '#CCCCCC', 'font-size' : 12},
'current' : {'fill' : 'yellow', 'font-color' : 'red', 'font-weight' : 'bold'},
'future' : { 'fill' : '#FFFF99'},
'request' : { 'fill' : 'blue'},
'invalid': {'fill' : '#444444'},
'approved' : { 'fill' : '#58C4A3', 'font-size' : 12, 'yes-text' : 'APPROVED', 'no-text' : 'n/a'}
}
});
希望這些步驟能幫助您成功集成Flowchart.js到您的網頁中。