Ubieramy dane z bazy w wykres Google Chart

Umiejąc już wyciągać dane z naszej bazy MySQL, możemy je jakoś ładnie zaprezentować. Chciałem, aby dane prezentowane były na bieżąco, oraz aby wykres był interaktywny – to znaczy, żeby coś się ruszało, coś się podświetlało, a nie tylko surowy obrazek… Pomocnym narzędziem okazał się produkt firmy Google – Charts. Za jego pomocą jesteśmy w stanie wykonać taki właśnie wykres.

1. Przygotowanie danych

Najpierw musimy przebudować nieco funkcję foreach z poprzedniego wpisu. Dane muszą mieć odpowiednią strukturę, tworzymy z nich tablicę. W kolejnej linii oddzielamy wartości tablicy przecinkami.

2. Rysowanie

Tutaj importujemy API, dodajemy opcje i parametry, ustalamy rodzaj i wielkość wykresu, a div z linii 34 narysuje nam to co ustawimy.

3. Prezentacja

Wstawiam tutaj tylko obrazek, tak dla zobrazowania ale w pełni działający wykres można zobaczyć tutaj -> http://www.tech-sas.pl/serwis/status/

marki

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *