Highcharts - Configuration de l'environnement

Dans ce chapitre, nous verrons comment configurer la bibliothèque Highcharts à utiliser dans le développement d'applications Web.

Highcharts nécessite jQuery comme dépendance. Tout d'abord, nous allons installer la bibliothèque jQuery, puis la bibliothèque Highcharts.

Installez jQuery

Il existe deux façons d'utiliser jQuery.

  • Download- Téléchargez-le localement sur jQuery.com et utilisez-le.

  • CDN access- Vous avez également accès à un CDN. Le CDN vous donnera accès dans le monde entier à des centres de données régionaux; dans ce cas, l'hôte Google. Cela signifie que l'utilisation de CDN déplace la responsabilité de l'hébergement des fichiers de vos propres serveurs vers une série de serveurs externes. Cela offre également un avantage: si le visiteur de votre page Web a déjà téléchargé une copie de jQuery à partir du même CDN, il n'aura pas à être retéléchargé.

Utilisation de jQuery téléchargé

Incluez le fichier JavaScript jQuery dans la page HTML à l'aide du script suivant -

<head>
   <script src = "/jquery/jquery.min.js"></script>
</head>

Utiliser CDN

Nous utilisons les versions CDN de la bibliothèque jQuery tout au long de ce didacticiel.

Incluez le fichier JavaScript jQuery dans la page HTML à l'aide du script suivant -

<head>
   <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
   </script>
</head>

Installer Highcharts

Voici les deux façons d'utiliser Highcharts.

  • Download- Téléchargez-le localement sur highcharts.com et utilisez-le.

  • CDN access- Vous avez également accès à un CDN. Le CDN vous donnera accès dans le monde entier à des centres de données régionaux; dans ce cas, l'hôte Highcharts - Code.Highcharts.Com.

Utilisation des Highcharts téléchargés

Incluez le fichier JavaScript Highcharts dans la page HTML à l'aide du script suivant -

<head>
   <script src = "/highcharts/highcharts.js"></script>
</head>

Utiliser CDN

Nous utilisons les versions CDN de la bibliothèque Highcharts tout au long de ce didacticiel.

Incluez le fichier JavaScript Highcharts dans la page HTML à l'aide du script suivant -

<head>
   <script src = "https://code.highcharts.com/highcharts.js"></script>
</head>