flowchart.js integration with angular

[chiradeep-nanabala]

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]

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

[chiradeep-nanabala]

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

app files.zip

assets.zip

[adrai]

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

[chiradeep-nanabala]

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

[adrai]

I opened the served html

[adrai]

Can you create a codesandbox example?