Witam,

Mam stronę, na której po wyborze pola z produktem z listy,

[HTML] pobierz, plaintext 
<form action="" method="post"> 
<select name="produkt" onchange="this.form.submit()"> 
 <option value="1">Produkt1</option> 
 <option value="2">Produkt2</option> 
</select>
</form>
[HTML] pobierz, plaintext 

generowane jest kilka wykresów kołowych w Google Charts dla wskazanego produktu. Generowane dane wewnątrz kodu JS wykresów google pochodzą z bazy danych MySQL. W momencie wyboru danego produktu następuje ładowanie strony w celu wygenerowania wykresów, jednak chciałbym aby każdy z tych wykresów był ładowany osobno, bez obciążania całej strony i czekania aż całość zostanie wygenerowana, np. z wykorzystaniem preloadera. Próbowałem wczytywać wykres przy użyciu jQuery podobnie jak załadowuje się podstrony, ale niestety nic się nie wyświetla. Nie wiem, jak się za to zabrać, jakimi funkcjami się zainteresować?

Nie przeładowuj strony tylko ładuj dane przez AJAX i wyświetlaj wykresy na tej podstawie. Google Charts obsługujesz przez JS, więc możesz sobie sam decydować kiedy pokazać jakiś preloader, a kiedy już wykres.