Highcharts - przegląd

Highchartsto biblioteka wykresów oparta na języku JavaScript, która ma na celu ulepszenie aplikacji internetowych poprzez dodanie interaktywnych funkcji tworzenia wykresów. Obsługuje szeroką gamę wykresów. Wykresy są rysowane za pomocą SVG w standardowych przeglądarkach, takich jak Chrome, Firefox, Safari, Internet Explorer (IE). W starszej wersji IE 6 do rysowania grafiki używany jest język VML.

Funkcje biblioteki Highcharts

Omówmy teraz kilka ważnych funkcji Biblioteki Highcharts.

  • Compatability - Działa pozornie na wszystkich głównych przeglądarkach i platformach mobilnych, takich jak Android i iOS.

  • Multitouch Support - Obsługuje multitouch na platformach opartych na ekranach dotykowych, takich jak Android i iOS Idealny dla iPhone / iPad i smartfonów / tabletów z systemem Android.

  • Free to Use - Open source i można go używać do celów niekomercyjnych.

  • Lightweight - Biblioteka główna highcharts.js o rozmiarze prawie 35KB jest niezwykle lekką biblioteką.

  • Simple Configurations - Używa json do definiowania różnych konfiguracji wykresów i jest bardzo łatwy do nauczenia i użycia.

  • Dynamic - Pozwala modyfikować wykres nawet po wygenerowaniu wykresu.

  • Multiple axes- Nie ogranicza się do osi x, y. Obsługuje wiele osi na wykresach.

  • Configurable tooltips- Etykietka pojawia się, gdy użytkownik najedzie kursorem na dowolny punkt na wykresie. Highcharts zapewnia wbudowane narzędzie formatujące lub formater wywołań zwrotnych do programowego sterowania etykietą narzędzi.

  • DateTime support- Obsługuj specjalnie datę i godzinę. Zapewnia wiele wbudowanych kontroli nad kategoriami mądrymi datami.

  • Export - Eksportuj wykres do formatu PDF / PNG / JPG / SVG, włączając funkcję eksportu.

  • Print - Wydrukuj wykres za pomocą strony internetowej.

  • Zoomablity - Obsługuje powiększanie wykresu, aby dokładniej wyświetlać dane.

  • External data- Obsługuje dynamiczne ładowanie danych z serwera. Zapewnia kontrolę nad danymi za pomocą funkcji zwrotnych.

  • Text Rotation - Obsługuje obrót etykiet w dowolnym kierunku.

Obsługiwane typy wykresów

Biblioteka Highcharts udostępnia następujące typy wykresów -

Sr.No. Typ i opis wykresu
1

Line Charts

Służy do rysowania wykresów opartych na liniach / splajnach.

2

Area Charts

Służy do rysowania map obszarowych.

3

Pie Charts

Służy do rysowania wykresów kołowych.

4

Scatter Charts

Służy do rysowania rozproszonych wykresów.

5

Bubble Charts

Służy do rysowania wykresów bąbelkowych.

6

Dynamic Charts

Służy do rysowania dynamicznych wykresów, w których użytkownik może modyfikować wykresy.

7

Combinations

Służy do rysowania kombinacji różnych wykresów.

8

3D Charts

Służy do rysowania wykresów 3D.

9

Angular Gauges

Służy do rysowania wykresów typu prędkościomierza.

10

Heat Maps

Służy do rysowania map ciepła.

11

Tree Maps

Służy do rysowania map drzew.

W kolejnych rozdziałach omówimy szczegółowo każdy rodzaj z wyżej wymienionych wykresów wraz z przykładami.

Licencja

Highcharts jest open source i można go używać do celów niekomercyjnych. Aby korzystać z Highcharts w projektach komercyjnych, kliknij łącze - Licencja i ceny