Highcharts - Настройка среды

В этой главе мы обсудим, как настроить библиотеку Highcharts для использования при разработке веб-приложений.

Highcharts требует jQuery в качестве зависимости. Сначала мы установим библиотеку jQuery, а затем библиотеку Highcharts.

Установить jQuery

Есть два способа использовать jQuery.

  • Download- Загрузите его локально с jQuery.com и используйте.

  • CDN access- У вас также есть доступ к CDN. CDN предоставит вам доступ по всему миру к региональным центрам обработки данных; в данном случае - хост Google. Это означает, что использование CDN переносит ответственность за размещение файлов с ваших собственных серверов на ряд внешних. Это также дает преимущество, заключающееся в том, что если посетитель вашей веб-страницы уже загрузил копию jQuery с того же CDN, ее не нужно будет повторно загружать.

Использование загруженного jQuery

Включите файл JavaScript jQuery на HTML-страницу, используя следующий скрипт -

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

Использование CDN

В этом руководстве мы используем CDN-версии библиотеки jQuery.

Включите файл JavaScript jQuery на HTML-страницу, используя следующий скрипт -

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

Установить Highcharts

Ниже приведены два способа использования Highcharts.

  • Download- Загрузите его локально с highcharts.com и используйте.

  • CDN access- У вас также есть доступ к CDN. CDN предоставит вам доступ по всему миру к региональным центрам обработки данных; в данном случае хост Highcharts - Code.Highcharts.Com.

Использование загруженных Highcharts

Включите файл JavaScript Highcharts на HTML-страницу, используя следующий скрипт -

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

Использование CDN

В этом руководстве мы используем CDN-версии библиотеки Highcharts.

Включите файл JavaScript Highcharts на HTML-страницу, используя следующий скрипт -

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