flowchart.js icon indicating copy to clipboard operation
flowchart.js copied to clipboard
verified publisher icon adrai

flowchart.js integration with angular

Open chiradeep-nanabala opened this issue 6 years ago • 6 comments

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.

chiradeep-nanabala avatar Feb 13 '20 11:02 chiradeep-nanabala

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

adrai avatar Feb 13 '20 14:02 adrai

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

app files.zip

assets.zip

chiradeep-nanabala avatar Feb 14 '20 05:02 chiradeep-nanabala

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

adrai avatar Feb 14 '20 11:02 adrai

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

chiradeep-nanabala avatar Feb 16 '20 18:02 chiradeep-nanabala

I opened the served html

adrai avatar Feb 16 '20 18:02 adrai

Can you create a codesandbox example?

adrai avatar Feb 16 '20 18:02 adrai