Highcharts - Konfiguracja środowiska

W tym rozdziale omówimy, jak skonfigurować bibliotekę Highcharts, która będzie używana podczas tworzenia aplikacji internetowych.

Highcharts wymaga jQuery jako zależności. Najpierw zainstalujemy bibliotekę jQuery, a następnie bibliotekę Highcharts.

Zainstaluj jQuery

Istnieją dwa sposoby korzystania z jQuery.

  • Download- Pobierz go lokalnie z jQuery.com i używaj.

  • CDN access- Masz również dostęp do CDN. CDN zapewni dostęp na całym świecie do regionalnych centrów danych; w tym przypadku host Google. Oznacza to, że używanie CDN przenosi odpowiedzialność za przechowywanie plików z własnych serwerów na szereg serwerów zewnętrznych. Daje to również tę zaletę, że jeśli odwiedzający Twoją stronę internetową pobrał już kopię jQuery z tej samej sieci CDN, nie będzie trzeba jej ponownie pobierać.

Korzystanie z pobranego jQuery

Dołącz plik JavaScript jQuery do strony HTML, używając następującego skryptu -

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

Korzystanie z CDN

W tym samouczku używamy wersji CDN biblioteki jQuery.

Dołącz plik JavaScript jQuery do strony HTML, używając następującego skryptu -

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

Zainstaluj Highcharts

Poniżej przedstawiono dwa sposoby korzystania z Highcharts.

  • Download- Pobierz go lokalnie z highcharts.com i używaj.

  • CDN access- Masz również dostęp do CDN. CDN zapewni dostęp na całym świecie do regionalnych centrów danych; w tym przypadku host Highcharts - Code.Highcharts.Com.

Korzystanie z pobranych wykresów

Dołącz plik JavaScript Highcharts do strony HTML, używając następującego skryptu -

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

Korzystanie z CDN

Używamy wersji CDN biblioteki Highcharts w tym samouczku.

Dołącz plik JavaScript Highcharts do strony HTML, używając następującego skryptu -

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