Why is my embedded amchart-graph not rendering via the plugin but as an Iframe?

Using JavaScript with Hype
1

I am using hype to embed a number of amcharts graphs. The will be called as different java scripts and placed in a div. When a new function is called it replaces the old graph.

It works fine as a html, it works fine when I embed that external html in an iframe in the site, but when I use the HYPE-plugin it opens the document but render no graph. Not sure if it runs any functions.

Please help.

Here Wordpress page with embedded external html:
http://hurärdet.nu/hype-test/

Here with plugin:
http://hurärdet.nu/hype-test-plugin/
Where can I send hype file?

2

I see this in the console.

[Error] TypeError: null is not an object (evaluating 'this.el.querySelector')
_init (frontend.min.js:408)
cbpHorizontalSlideOutMenu (frontend.min.js:398)
(anonymous function) (frontend.min.js:499)
(anonymous function) (frontend.min.js:501)
Global Code (frontend.min.js:503)

[Log] Error in undefined: ReferenceError: Can't find variable: AmCharts (HYPE-584.thin.min.js, line 81)
[Log] Error in undefined: TypeError: undefined is not an object (evaluating '$.ajax') (HYPE-584.thin.min.js, line 81)

20
20986×354 82.5 KB

3

Ok, i don’t know what to do with that.

When I choose to embed the cam-file as a iframe instead of a div in the wordperss-plugin-settings it works. Is there any downside to doing that? Can I interact with the animation from external java-script the same way in a iframe as in a div-tag?