search

adrai / flowchart.js

Draws simple SVG flow chart diagrams from textual representation of the diagram
http://flowchart.js.org/
MIT License
8.54k stars 1.21k forks source link

flowchart.js integration with angular #199

Open chiradeep-nanabala opened 4 years ago

chiradeep-nanabala commented 4 years ago

I am trying to integrate flowchart.js with angular. I have included all the required files. But, I am getting some error like this..

zone-evergreen.js:172 Uncaught TypeError: Raphael is not a constructor at new FlowChart (flowchart-latest.js:955) at Object.drawSVG (flowchart-latest.js:675) at btn.onclick (check.js:14) at window.onload (check.js:57) at wrapFn (zone-evergreen.js:1202) at ZoneDelegate.invokeTask (zone-evergreen.js:400) at Zone.runTask (zone-evergreen.js:168) at ZoneTask.invokeTask [as invoke] (zone-evergreen.js:481) at invokeTask (zone-evergreen.js:1596) at globalZoneAwareCallback (zone-evergreen.js:1633) Can anyone find the issue.. Thanks in Advance.

adrai commented 4 years ago

Have you included the raphael script? https://github.com/adrai/flowchart.js/blob/master/example/index.html#L9

chiradeep-nanabala commented 4 years ago

Yes, I have included it. Please find the attachment of my angular app

app files.zip

assets.zip

adrai commented 4 years ago

Sorry, I'm not familiar with angular... but when I open your files, I get: image

chiradeep-nanabala commented 4 years ago

How did you execute the above files? In angular or just opened normal html file? I am not getting the output in angular...!

adrai commented 4 years ago

I opened the served html

adrai commented 4 years ago

Can you create a codesandbox example?