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é.

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

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

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>

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.

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

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

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>