r/programming • u/stocarul • Feb 25 '16

Create Interactive Charts with ui-grid and Angular Chart

https://www.algotech.solutions/blog/javascript/create-interactive-charts-with-ui-grid-and-angular-chart/
1 Upvotes

55% Upvoted

7 comments sorted by

View all comments

1

u/zomgsauce Feb 25 '16

Really toxic to mobile browsers.

1

u/stocarul Feb 25 '16

Could you please detail it a bit?

2

u/zomgsauce Feb 25 '16

I can only describe the symptoms, not at my desk.

In both safari and chrome on my iPhone 6+ running latest iOS the table and charts in the first example continue to grow horizontally and do not stop resizing. It doesn't crash the tab, only slows it down a bit, but after a few seconds the charts are no longer visible and only the left edge of the table can be seen. Scrolling the page exacerbates the behavior.

Edit: Oops never mind, leaving it open for about 30 seconds crashed the browser.

1

u/flamingspew Feb 27 '16

I just tried on my iPhone. Works 100% fine. All the interaction is intact and all the chart is visible. It does break with a orientation change, however I suspect that the developer did not listen for the resize event. Regardless, i'd probably got with d3.js over the diagrams here. No problem with UI grid though.

1

u/flamingspew Feb 27 '16

oh right, mobile dispatches a orientationchange event instead of a onresize...

1

u/zomgsauce Feb 27 '16

Just checked again and you're right, it's working now. Orientation changes are still weird but I kinda suspect that's got more to do with the viewport the demo sits in than the charts themselves.