Highcharts - Configurazione dell'ambiente

In questo capitolo, discuteremo come impostare la libreria Highcharts da utilizzare nello sviluppo di applicazioni web.

Highcharts richiede jQuery come dipendenza. Per prima cosa installeremo la libreria jQuery e poi la libreria Highcharts.

Installa jQuery

Esistono due modi per utilizzare jQuery.

  • Download- Scaricalo localmente da jQuery.com e usalo .

  • CDN access- Hai anche accesso a un CDN. Il CDN ti darà accesso in tutto il mondo ai data center regionali; in questo caso, host di Google. Ciò significa che l'utilizzo di CDN sposta la responsabilità di ospitare i file dai tuoi server a una serie di quelli esterni. Questo offre anche un vantaggio che se il visitatore della tua pagina web ha già scaricato una copia di jQuery dalla stessa CDN, non dovrà essere scaricata nuovamente.

Utilizzando jQuery scaricato

Includere il file JavaScript jQuery nella pagina HTML utilizzando il seguente script:

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

Utilizzando CDN

Stiamo utilizzando le versioni CDN della libreria jQuery durante questo tutorial.

Includere il file JavaScript jQuery nella pagina HTML utilizzando il seguente script:

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

Installa Highcharts

I seguenti sono i due modi per utilizzare Highcharts.

  • Download- Scaricalo localmente da highcharts.com e usalo .

  • CDN access- Hai anche accesso a un CDN. Il CDN ti darà accesso in tutto il mondo ai data center regionali; in questo caso, l'host di Highcharts - Code.Highcharts.Com.

Utilizzo di Highcharts scaricati

Includere il file JavaScript di Highcharts nella pagina HTML utilizzando il seguente script:

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

Utilizzando CDN

Stiamo utilizzando le versioni CDN della libreria Highcharts durante questo tutorial.

Includere il file JavaScript di Highcharts nella pagina HTML utilizzando il seguente script:

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