Highcharts - Panoramica

Highchartsè una libreria di grafici basata su JavaScript puro pensata per migliorare le applicazioni web aggiungendo funzionalità di creazione di grafici interattivi. Supporta un'ampia gamma di grafici. I grafici vengono disegnati utilizzando SVG nei browser standard come Chrome, Firefox, Safari, Internet Explorer (IE). Nella versione precedente di IE 6, VML viene utilizzato per disegnare la grafica.

Caratteristiche di Highcharts Library

Parliamo ora di alcune importanti caratteristiche della libreria di Highcharts.

  • Compatability - Funziona perfettamente su tutti i principali browser e piattaforme mobili come Android e iOS.

  • Multitouch Support - Supporta il multitouch su piattaforme basate su touch screen come Android e iOS. Ideale per iPhone / iPad e smartphone / tablet basati su Android.

  • Free to Use - Open source ed è gratuito da usare per scopi non commerciali.

  • Lightweight - La libreria principale di highcharts.js con una dimensione di quasi 35 KB, è una libreria estremamente leggera.

  • Simple Configurations - Utilizza json per definire varie configurazioni dei grafici e molto facile da imparare e da usare.

  • Dynamic - Permette di modificare il grafico anche dopo la generazione del grafico.

  • Multiple axes- Non limitato agli assi x, y. Supporta più assi sui grafici.

  • Configurable tooltips- Il suggerimento viene visualizzato quando un utente passa con il mouse su un punto qualsiasi di un grafico. Highcharts fornisce un formattatore integrato di tooltip o un formattatore callback per controllare il tooltip a livello di codice.

  • DateTime support- Gestisci la data e l'ora in modo speciale. Fornisce numerosi controlli integrati su categorie datate.

  • Export - Esporta il grafico in formato PDF / PNG / JPG / SVG abilitando la funzione di esportazione.

  • Print - Stampa grafico utilizzando la pagina web.

  • Zoomablity - Supporta lo zoom del grafico per visualizzare i dati in modo più preciso.

  • External data- Supporta il caricamento dinamico dei dati dal server. Fornisce il controllo sui dati utilizzando le funzioni di callback.

  • Text Rotation - Supporta la rotazione delle etichette in qualsiasi direzione.

Tipi di grafici supportati

La libreria Highcharts fornisce i seguenti tipi di grafici:

Sr.No. Tipo e descrizione del grafico
1

Line Charts

Utilizzato per disegnare grafici basati su linee / spline.
2

Area Charts

Utilizzato per disegnare grafici area wise.
3

Pie Charts

Utilizzato per disegnare grafici a torta.
4

Scatter Charts

Utilizzato per disegnare grafici sparsi.
5

Bubble Charts

Utilizzato per disegnare grafici a bolle.
6

Dynamic Charts

Utilizzato per disegnare grafici dinamici in cui l'utente può modificare i grafici.
7

Combinations

Utilizzato per disegnare combinazioni di varietà di grafici.
8

3D Charts

Utilizzato per disegnare grafici 3D.
9

Angular Gauges

Utilizzato per disegnare grafici di tipo tachimetro.
10

Heat Maps

Utilizzato per disegnare mappe di calore.
11

Tree Maps

Utilizzato per disegnare mappe ad albero.

Nei capitoli successivi, discuteremo ogni tipo di grafici sopra menzionati in dettaglio con esempi.

Licenza

Highcharts è open source ed è gratuito per scopi non commerciali. Per utilizzare Highcharts in progetti commerciali, segui il link - Licenza e prezzi