Flot jest javascriptowym pluginem do biblioteki jQuery

Analiza narzędzi do generowania
dynamicznych wykresów na stronach
WWW
1 . amCharts
amCharts to darmowy framework do tworzenia dynamicznych wykresów na stronach internetowych.
Wykorzystywane technologie:
Do generowania wykresów używany jest uniwersalny format do generowania grafiki wektorowej SVG
(Scalable Vector Graphics) . Technologia ta jest obsługiwana przez wszystkie nowoczesne
przeglądarki Firefox, Chrome, Safari, Opera i Internet Explorer (od V.9). W starszych wersjach
programu Internet Explorer używany jest format VML stworzony przez firmę Microsoft format
służący do generowania grafiki wektorowej, który pozwala wyświetlać wykresy na przeglądarkach z
rodziny IE od wersji IE6. Generowanie wykresów działa również na urządzeniach przenośnych na
systemach operacyjnych iOS oraz Android (od v.4).
Pliki które muszą być dołączone do kodu html strony to:
amcharts.js, serial.js – pliki javascriptowe odpowiedzialne za generowanie wykresów, dołączone są w
paczce zamieszczonej na stronie projektu.
Rodzaje generowanych wykresów:
Słupkowe, słupkowe 3d, liniowe, linowe z gradientem, pływające, świecowe, kolumnowe,
kolumnowe z gradientem, kolumnowe 3D, tabele ścieżek, progres barr, zegarki z jedną ścieżka, z
dwoma, łuki, kołowy, tortowy, piramidowy
Rodzaj przyjmowanych danych:
Do generowania wykresu potrzebny jest plik danych w formacie json.
Licencja:
Oprogramowanie można używać za darmo nawet do celów komercyjnych ale należy liczyć się z tym,
że w lewym górnym rogu wykresu pojawi się link do strony producenta. Ta wersja nie ma wsparcia
technicznego producenta. Koszt wsparcia to 99Euro na 6 miesięcy dla jednej strony internetowej lub
499Euro dla kilku stron. Po wykupieniu wsparcia link do strony producenta zostaje usunięta z
wykresu.
Implementacja (stopień trudności)
Do generowania widoków wymagana jest podstawowa wiedza z zakresu JavaScript i HTML5.
Producent na stronie http://www.amcharts.com/ udostępnia pełną dokumentacje oraz tutoriale.
2. Flot
Flot jest javascriptowym pluginem do biblioteki jQuery, służy do tworzenia dynamicznych wykresów
na stronach internetowych.
Wykorzystywane technologie:
Do poprawnej pracy oprócz samego plugina wymagana jest dodatkowo biblioteka jQuery. Do
generowania grafiki wykorzystywany jest uniwersalny format SVG a w starszych przeglądarkach z
rodziny IE używany jest format VML.
Pliki które muszą być dołączone do kodu html strony to:
Jquery.js, flot.js – pliki dołączone są w paczce zamieszczonej na stronie projektu. Dodatkowo można
jeszcze użyć bogatej kolekcji wtyczek rozszerzających możliwości wyświetlania danych.
Rodzaje generowanych wykresów:
Słupkowe, słupkowe 3d, liniowe, linowe z gradientem, pływające, świecowe, kolumnowe,
kolumnowe z gradientem, kolumnowe 3D, tabele ścieżek, progres barr, zegarki z jedną ścieżka, z
dwoma, łuki, kołowy, tortowy, piramidowy
Rodzaj przyjmowanych danych:
Do generowania wykresu potrzebny jest plik danych w formacie json.
Licencja:
Plugin udostępniany jest za darmo nie pobierane są żadne opłaty za korzystanie.
Implementacja (stopień trudności)
Do generowania widoków wymagana jest podstawowa wiedza z zakresu JavaScript, HTML5 i jQuery.
Producent na stronie http://www.flotcharts.org/ umieszczony jest darmowy opis implementacji wraz
z podanymi przykładami.
3. Google Charts
Google Charts to darmowe javascriptowe API do tworzenia dynamicznych wykresów na stronach
internetowych.
Wykorzystywane technologie:
W nowoczesnych przeglądarkach do generowania grafiki wykorzystywany jest uniwersalny format
SVG a w starszych przeglądarkach z rodziny IE używany jest format VML.
Rodzaje generowanych wykresów:
Punktowe, zegarowe, ciastkowe, geolokalizacyjne, Combo, linowe, słupkowe, kolumnowe, strefowe,
świecowe, linie czasu, bąbelkowe, kołowe,
Rodzaj przyjmowanych danych:
Wszystkie typy wykresów są wypełniane danymi przy użyciu klasy DataTable. Dane z klasy DataTable
można sortować, modyfikować i filtrować. Dane zapisywane są w formacie jonowy. API umożliwia
łączenie się z bazą danych dowolnego dostawcy danych używających protokołu Datasource. (Protokół
ten używa języka zapytań SQL i jest realizowany przez Google Spreadsheets, Google Fusion Tables i
SalesForce. Można nawet wdrożyć protokół na własnej stronie internetowej i stać się dostawcą
danych dla innych usług.)
Licencja:
Oprogramowanie można używać za darmo.
Implementacja (stopień trudności)
Do generowania widoków wymagana jest podstawowa wiedza z zakresu JavaScript i HTML5 i jQuery.
Firma Google na stronie https://developers.google.com/chart/ udostępnia pełną dokumentacje wraz
z przykładami.
Wnioski
Jeśli miałbym wybrać, którąś z tych bibliotek to wybrał bym amCharts. Za tym wyborem przemawia
prosty sposób implementacji do tego ściągana biblioteka zawiera w sobie gotowe przykłady
wykorzystania każdego z wykresów. Na stronie producenta jest forum, na którym w razie problemów
można liczyć na pomoc użytkowników jak i producenta.