Black Lives Matter. Please consider donating to Black Girls Code today.
Learn how to use COVID-19 data in open source Dash apps. Register for the Sept 23rd webinar with IQT!

Async plots using angularjs

I am trying to draw plots using angularjs in an asynchronous operation. However while drawing the plots especially adding traces the UI(page) becomes unresponsive.
Notice the counter stops till the plot is drawn. Is there any way while drawing the plots can be rendered async?

Please download the zip file from google drive where I have created a sample.
https://drive.google.com/file/d/0B9LfkXs29zJKWnFBbUpGekx6Wlk/view?usp=sharing

Steps to run the sample:

  1. Extract it to a folder.
  2. Run the async.html.

Notice that the counter stops while loading the charts and can not click on the button. I want counter should not stop and button should be accessible.

There is second issue in it. When I set the layout plotly does not recognize the layout and draws smaller graph. Without layout it stretches to full width. How do I set the layout for traces?