Highcharts – Configuración del entorno

En este capítulo, discutiremos cómo configurar la biblioteca Highcharts para usarla al desarrollar 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.

  • Descargar – Descárgalo localmente desde jQuery.com y utilícelo.

  • Acceso CDN – También tienes acceso al CDN. CDN le dará acceso mundial a los centros de datos regionales; en este caso, el host de Google. Esto significa que el uso de un CDN transfiere la responsabilidad de alojar archivos de sus propios servidores a varios externos. También tiene la ventaja de que si un visitante de su página web ya ha descargado una copia de jQuery del mismo CDN, no es necesario volver a descargarla.

Usando jQuery cargado

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

<head>
   <script src = "https://areatutorial.com/jquery/jquery.min.js"></script>
</head>

Usando CDN

En este tutorial, usamos las versiones CDN de la biblioteca jQuery.

Incluya el archivo jQuery de 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

A continuación se muestran dos formas de utilizar Highcharts.

  • Descargar – Descárgalo localmente desde highcharts.com y utilícelo.

  • Acceso CDN – También tienes acceso al CDN. CDN le dará acceso mundial a los centros de datos regionales; en este caso, el anfitrión de Highcharts es Code.Highcharts.Com.

Usando Highcharts cargados

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

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

Usando CDN

En este tutorial, usamos las versiones CDN de la biblioteca Highcharts.

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

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

🚫