Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ AJAX _ Odświeżanie strony bez przeładowania

Napisany przez: zbysiusp 17.02.2017, 07:39:12

Witam

Bardzo proszę o pomoc. Chcę zmodyfikować kod generujący wykres "wind rose" Highcharts http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/polar-wind-rose/ tak aby strona była odświeżana automatycznie bez przeładowania. Kod już zaimplementowałem na swoim serwerze, tak więc nie ma ograniczeń JSFiddle. Dane do wykresu pochodzą z pliku windrose.php, który pobiera je z bazy MySQL i nie koduje ich do formatu JSON. Wylicza tylko zmienne, które podstawiam zamiast liczb w polach tabeli jak w przykładzie. Skrypt java pobiera wartości z tej tabeli i generuje wykres. W jaki sposób należy zbudować zapytanie AJAX, aby wykres był generowany co 1 minutę z nowymi wartościami z pliku windrose.php?

Pozdrawiam

Napisany przez: Tomplus 17.02.2017, 18:03:34

Tutaj masz przykład dynamicznego wykresu:
http://www.highcharts.com/demo/dynamic-update

Dla podpowiedzi to ten kod JS, odświeża co 1 sekundę wykres. Czyli 1000 ms

Kod

            events: {
                load: function () {

                    // set up the updating of the chart each second
                    var series = this.series[0];
                    setInterval(function () {
                        var x = (new Date()).getTime(), // current time
                            y = Math.random();
                        series.addPoint([x, y], true, true);
                    }, [b]1000[/b]);
                }
            }