So if you check out this js fiddle:
You can see that running from out side an ajax call the charts are able to update at roughlythe same time.
However, if I do an ajax call to update the points like in this js fiddle, http://jsfiddle.net/8JZ35/3/
the animation updates queue up and fire only after the other is done. Has anybody ran into this before and figured out a solution? I'm not looking to necessarily have them all update at exactly the same time, but rather for the chart redraws to be able to begin before another chart redraw finishes. It seems like a strange behavior that 2 charts can update at the same time if fired at the same time, but I can't start the second chart update until the first finishes if I do them separately.
keep in mind I realize that $.toJSON({obj})
would be an acceptable and better way to do the echo ajax call but it was throwing errors for me oddly and I ddidn't have time to look into them in the context I was using it so I just made the string myself.
UPDATE
Here is a jsfiddle that better shows what I'm talking about. I added a delay to the ajax to better simulate a real response since the echo api is way fast. YOu can very specifically see what I'm talking about if viewing in firefox.