mermaid | 易学教程

Simple mermaid graph fails

阅读更多关于 Simple mermaid graph fails

问题 I tried to run the example from the mermaid site (a working copy is on codepen.io): <script src="https://cdn.rawgit.com/knsv/mermaid/0.5.1/dist/mermaid.min.js"></script> <script>mermaid.initialize({startOnLoad:true});</script> <div class="mermaid"> graph TD; A-->B; A-->C; B-->D; C-->D; </div> The output is: At the same time, a sequence diagram works great. Where is the problem with the basic example? Update The issue was with Chrome 48 compatibility. It is fixed by using the latest js file:

Spaces in Mermaid

阅读更多关于 Spaces in Mermaid

问题 I have a .md file saved and I am viewing it using Atom and the Mermaid Preview package. I am going off the example on their GitHub page: graph TD; A-->B; A-->C; B-->D; C-->D; That renders fine, but how do I add spaces the text? For example: graph TD; A F-->B; A-->C; B-->D; C-->D; The previewer goes blank when I put spaces in. I tried adding quotations, but that did not help. 回答1: Try this (haven't tried it in Atom but it worked fine in VisualStudio Code with Mermaid Plugin): graph TD; id1[A F

Flowcharts / Flow Diagrams for Angular2/4

阅读更多关于 Flowcharts / Flow Diagrams for Angular2/4

I am currently developing an app using MEAN stack with Angular version 4. I have a requirement to create dynamic flowcharts. I want similar to what is available in http://fiddle.jshell.net/awolf2904/aw2e3ovz/ It is exactly matchingn my requirement. It is using Flowchart.js and Angular 1.X. Also Mermaid seems to be matching my requirement but onceagan support Angular 1.x. Could someone help me in this? As long as the libraries are not available as Angular packages you have to utilize it by defining a typing in your project: declare var flowchart:any This type definition makes the library