a website that loads a lot of objects - remote proxy?

i have a website built using html5, bootstrap and angular. when loading it, the user is asked to fill in a lot of search information and when pressing "go", i get a lot of data from my DB, and for each "operation" asked by the used, i create a table and a chart using high-charts.

the problem is that when the user asks for a lot of "operations" to show, it takes about 30sec+ to load the data and make it possible for the user to perform any action (including rolling down).

is there any way to improve this?

one way i thought of was using proxy design pattern to make some of the charts and tables virtual until the moment when the user rolls down to see them, and only then create them but i dont really know how to implement this with js and high-charts.

it is important to say that when checking the networking using chrome debugger, almost half of the loading time was on the client side - i have to assume that this much time is consumed for building the charts. (ofcourse the other half is on the server-side and i will have to handle it there)

thank you very much, even directions of search will be helpful