mermaidAPI.render generated different svg code from mermaid.int()

[shd101wyy]

Hi,

After I ran the code below ( I am using mermaid 6.0.0)

var text = 'graph TD\nA-->B\nA-->C\nB-->D\nD-->A\n'
var element = document.getElementById('mermaid0')
mermaidAPI.render(element.id, text, function(svgCode){ element.innerHTML = svgCode })

the generated graph looked like

While by calling mermaid.init() , I got graph like

Any idea how to solve this problem?

Thanks

[shd101wyy]

I hacked the code a bit and I resolve the problem by modifying the code to

var text = 'graph TD\nA-->B\nA-->C\nB-->D\nD-->A\n'
var element = document.getElementById('mermaid0')
mermaidAPI.render(element.id, text, function(svgCode){ 
    element.innerHTML = svgCode 
    element.firstChild.style.height = element.getAttribute('viewbox').split(' ')[3] + 'px'
})

It seems that the original height of svg block is wrong.

[shd101wyy]

Also, mermaidAPI.render doesn't work properly with sequenceDiagram graph. It seems that the callback function passed in mermaidAPI.render is not called.

[yangxiaokun]

@shd101wyy Met this error when I use mermaidAPI.render too. Thank you for your solution

[tylerlong]

I don't use the render method very often. I always just invoke the mermaid.init method.

Let me know if there are something that mermaid.init cannot do.