Highcharts - Aperçu

Highchartsest une bibliothèque de graphiques purement basée sur JavaScript destinée à améliorer les applications Web en ajoutant des fonctionnalités de création de graphiques interactives. Il prend en charge un large éventail de graphiques. Les graphiques sont dessinés à l'aide de SVG dans les navigateurs standard tels que Chrome, Firefox, Safari, Internet Explorer (IE). Dans l'ancien IE 6, VML est utilisé pour dessiner les graphiques.

Caractéristiques de la bibliothèque Highcharts

Parlons maintenant de quelques fonctionnalités importantes de la bibliothèque Highcharts.

  • Compatability - Fonctionne parfaitement sur tous les principaux navigateurs et plates-formes mobiles comme Android et iOS.

  • Multitouch Support - Prend en charge le multitouch sur les plates-formes à écran tactile comme Android et iOS.Idéal pour iPhone / iPad et téléphones intelligents / tablettes basés sur Android.

  • Free to Use - Open source et est gratuit à utiliser à des fins non commerciales.

  • Lightweight - La bibliothèque principale de highcharts.js, d'une taille de près de 35 Ko, est une bibliothèque extrêmement légère.

  • Simple Configurations - Utilise json pour définir diverses configurations des graphiques et très facile à apprendre et à utiliser.

  • Dynamic - Permet de modifier le graphique même après la génération du graphique.

  • Multiple axes- Non limité aux axes x, y. Prend en charge plusieurs axes sur les graphiques.

  • Configurable tooltips- L'info-bulle survient lorsqu'un utilisateur survole n'importe quel point d'un graphique. Highcharts fournit un formateur intégré d'info-bulle ou un formateur de rappel pour contrôler l'info-bulle par programme.

  • DateTime support- Manipulez la date et l'heure spécialement. Fournit de nombreux contrôles intégrés sur les catégories par date.

  • Export - Exportez le graphique au format PDF / PNG / JPG / SVG en activant la fonction d'exportation.

  • Print - Imprimer le graphique en utilisant la page Web.

  • Zoomablity - Prend en charge le zoom sur le graphique pour afficher les données plus précisément.

  • External data- Prend en charge le chargement dynamique des données à partir du serveur. Fournit un contrôle sur les données à l'aide des fonctions de rappel.

  • Text Rotation - Prend en charge la rotation des étiquettes dans n'importe quelle direction.

Types de graphiques pris en charge

La bibliothèque Highcharts fournit les types de graphiques suivants:

N ° Sr. Type et description du graphique
1

Line Charts

Utilisé pour dessiner des graphiques basés sur des lignes / splines.

2

Area Charts

Utilisé pour dessiner des graphiques par zone.

3

Pie Charts

Utilisé pour dessiner des graphiques à secteurs.

4

Scatter Charts

Utilisé pour dessiner des graphiques dispersés.

5

Bubble Charts

Utilisé pour dessiner des graphiques à bulles.

6

Dynamic Charts

Utilisé pour dessiner des graphiques dynamiques où l'utilisateur peut modifier les graphiques.

sept

Combinations

Utilisé pour dessiner des combinaisons de divers graphiques.

8

3D Charts

Utilisé pour dessiner des graphiques 3D.

9

Angular Gauges

Utilisé pour dessiner des graphiques de type de compteur de vitesse.

dix

Heat Maps

Utilisé pour dessiner des cartes thermiques.

11

Tree Maps

Utilisé pour dessiner des cartes d'arbre.

Dans nos chapitres suivants, nous discuterons de chaque type de graphiques mentionnés ci-dessus en détail avec des exemples.

Licence

Highcharts est open source et est gratuit à utiliser à des fins non commerciales. Pour utiliser Highcharts dans des projets commerciaux, suivez le lien - Licence et tarifs