AngularJS error on destroy chart widget

[bobmazzoParticipant]

I have a column chart displayed with some test data on my main dashboard page. As soon as I navigate away from my dashboard, I get the follow Angular error on the widget:

“jqxCore: Invalid parameter ‘[destroy]’ does not exist.”

My angular versions is AngularJS v1.2.16

The call stack is :

this.$broadcast(‘$destroy’); (line 12349)
—> currentScope.$destroy(); (line 845 – in function cleanupLastView() of angular-route.js)

the jqx-chart is in my dashboard.html

`<div id=”section3″ class=”widget-content text-left text-info”>
<jqx-chart jqx-settings=”vm.jqColChartSettings” style=”width: 850px; height: 500px;”></jqx-chart>
</div> `

The chart looks great, but as soon as I navigate AWAY I get that error above.

Is there an issue perhaps with Angular v.1.2.16 ?

thanks,

Bob
p.s. by the way, I just purchased the 1-yr license for razor-risk (you might see my personal yahoo email however since I used my own PayPal to pay).

[Peter StoevKeymaster]

Hello Bob,

Please provide a sample in http://jsfiddle.net/ which illustrates your issue.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[bobmazzoParticipant]

Hi Peter,
I’m trying here to create a jsfiddle:

This is a previous jsfiddle that I had created with a jqx-tree, and now I have added a jqx-chart. I cannot get the chart to display, even after adding jqxchart.js to the external library list.

I also trying to create a plunker here with a basic Bootstrap nav menu, but also cannot get the jqx widgets to work:

thank you,

Bob

[bobmazzoParticipant]

My JQWidget plunk is located here: http://plnkr.co/users/robertmazzo/plunks

and my jsfiddle is here: http://jsfiddle.net/robertmazzo/4582335n/4/

[bobmazzoParticipant]

I have the jsfiddle working with the jqx-chart here: http://jsfiddle.net/jqwidgets/sEejs/

I will try to add the Bootstrap menu in order to reproduce the exception.

I will also attach a couple of screen shots, and would appreciate if you could have a look at where it crashes in AngularJs on the jqx-core.

NOTE: The jqx-tree-grid working fine. No issues there.

[Peter StoevKeymaster]

Hello bobmazzo,

When you provide us an example, we’ll look into it. Unfortunately, screenshots are not helpful and we cannot debug a problem from screenshots showing a problem which as far as I see from these screenshots is not even raised by our plugin.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[bobmazzoParticipant]

I understand it’s difficult to debug, but what I don’t understand is why it’s complaining about jqxCore when Angular tries to run the destroy method.
It appears to be somewhat complicated to reproduce my project environment in jsfiddle, but I will give it a try.
In the meantime, are there additional angular/jqx-chart examples other than the basic ones here ? http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxangular/index.htm?%28arctic%29#demos/jqxangular/chart.htm

[Peter StoevKeymaster]

Hello bobmazzo,

All samples which we have are available online on our Demo page.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[TylParticipant]

Hi, I have exactly the same problem is my project in which I have a bar chart.
But I didn’t had time to make a sample.

[bobmazzoParticipant]

Tyl – I’m struggling to get my sample working properly in jsfiddle. I had a chart rendered at one point, but now it doesn’t. So I’ll have to revisit that.

Can you elaborate on your exact problem, Tyl ? The steps to reproduce the issue ?

[bobmazzoParticipant]

Hello Peter,
Your responses are a bit generic here. Any specific advice, or perhaps jsfiddle chart samples with Angular integration ?
thanks,
Bob

[Peter StoevKeymaster]

Hi Bob,

We have Chart examples with AngularJS integration available on the Demo page.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[bobmazzoParticipant]

Tty,
Feel free to get in touch and perhaps we can share ideas ( robertmazzo@yahoo.com ). I’d like to get the jq-chart working flawlessly.
– Bob

[TylParticipant]

Hi Bob, sorry I didn’t come in the forum for a while.
I didn’t have time to analyze further but in my case, I use angular routes, and in one of the routes I have bar charts displayed.
The “destroy” error appears when I leave the route containing the charts.

I saw that the chrome process was getting bigger and bigger each time I left the charts route, which seems to be normal as the destroy function is not called.

I let you know if I find something.

[Peter StoevKeymaster]

Hi Tyl,

I’d suggest you to use newer version of jQWidgets.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts