-
-
Notifications
You must be signed in to change notification settings - Fork 6.7k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
mermaidAPI gantt Vue.js #621
Comments
I'm using mermaid for flowchart, but I tested the graph you posted and it's working fine for me. Are you still having problem on visualise it ? |
I have no experience with Vue. But here is a working project in React: https://github.com/mermaidjs/mermaid-live-editor Invoke |
Bumps [lint-staged](https://github.com/okonet/lint-staged) from 12.2.2 to 12.3.2. - [Release notes](https://github.com/okonet/lint-staged/releases) - [Commits](lint-staged/lint-staged@v12.2.2...v12.3.2) --- updated-dependencies: - dependency-name: lint-staged dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
I'm using the mermaid package in Vue.js. I can successfully generate flowcharts - but if I paste in the samples for sequence or gantt - it does not successfully generate them. Are other people using mermaidAPI successfuly with gantt charts?
import mermaidAPI from 'mermaid'
in mounted
var config = {
startOnLoad: false
};
mermaidAPI.initialize(config);
this.mermaidEle = this.$el.querySelector("#therapy123")
in render method
var graphCode = 'gantt\n' +
'dateFormat YYYY-MM-DD\n' +
'title Adding GANTT diagram to mermaid\n' +
'\n' +
'section A section\n' +
'Completed task :done, des1, 2014-01-06,2014-01-08\n' +
'Active task :active, des2, 2014-01-09, 3d\n' +
'Future task : des3, after des2, 5d\n' +
'Future task2 : des4, after des3, 5d',
The text was updated successfully, but these errors were encountered: