Highcharts - Configuración del entorno

En este capítulo, discutiremos cómo configurar la biblioteca Highcharts para usarla en el desarrollo de aplicaciones web.

Highcharts requiere jQuery como dependencia. Primero, instalaremos la biblioteca jQuery y luego la biblioteca Highcharts.

Instalar jQuery

Hay dos formas de usar jQuery.

  • Download- Descárguelo localmente desde jQuery.com y úselo .

  • CDN access- También tienes acceso a un CDN. La CDN le dará acceso en todo el mundo a los centros de datos regionales; en este caso, host de Google. Esto significa que el uso de CDN traslada la responsabilidad de alojar archivos de sus propios servidores a una serie de servidores externos. Esto también ofrece la ventaja de que si el visitante de su página web ya ha descargado una copia de jQuery del mismo CDN, no tendrá que volver a descargarla.

Usando jQuery descargado

Incluya el archivo jQuery JavaScript en la página HTML usando el siguiente script:

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

Usando CDN

Estamos utilizando las versiones CDN de la biblioteca jQuery a lo largo de este tutorial.

Incluya el archivo jQuery JavaScript en la página HTML usando el siguiente script:

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

Instalar Highcharts

Las siguientes son las dos formas de utilizar Highcharts.

  • Download- Descárguelo localmente desde highcharts.com y utilícelo.

  • CDN access- También tienes acceso a un CDN. La CDN le dará acceso en todo el mundo a los centros de datos regionales; en este caso, el host de Highcharts - Code.Highcharts.Com.

Usando Highcharts descargados

Incluya el archivo JavaScript de Highcharts en la página HTML usando el siguiente script:

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

Usando CDN

Estamos utilizando las versiones CDN de la biblioteca Highcharts a lo largo de este tutorial.

Incluya el archivo JavaScript de Highcharts en la página HTML usando el siguiente script:

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