Highcharts - Umgebung einrichten

In diesem Kapitel wird erläutert, wie Sie die Highcharts-Bibliothek für die Entwicklung von Webanwendungen einrichten.

Für Highcharts ist jQuery als Abhängigkeit erforderlich. Zuerst installieren wir die jQuery-Bibliothek und dann die Highcharts-Bibliothek.

Installieren Sie jQuery

Es gibt zwei Möglichkeiten, jQuery zu verwenden.

Download- Laden Sie es lokal von jQuery.com herunter und verwenden Sie es.
CDN access- Sie haben auch Zugriff auf ein CDN. Mit dem CDN erhalten Sie weltweit Zugang zu regionalen Rechenzentren. in diesem Fall Google Host. Dies bedeutet, dass durch die Verwendung von CDN die Verantwortung für das Hosten von Dateien von Ihren eigenen Servern auf eine Reihe externer übertragen wird. Dies bietet auch den Vorteil, dass der Besucher Ihrer Webseite, wenn er bereits eine Kopie von jQuery von demselben CDN heruntergeladen hat, diese nicht erneut herunterladen muss.

Fügen Sie die jQuery-JavaScript-Datei mit dem folgenden Skript in die HTML-Seite ein:

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

In diesem Tutorial verwenden wir die CDN-Versionen der jQuery-Bibliothek.

Fügen Sie die jQuery-JavaScript-Datei mit dem folgenden Skript in die HTML-Seite ein:

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

Im Folgenden sind die beiden Möglichkeiten zur Verwendung von Highcharts aufgeführt.

Download- Laden Sie es lokal von highcharts.com herunter und verwenden Sie es.
CDN access- Sie haben auch Zugriff auf ein CDN. Mit dem CDN erhalten Sie weltweit Zugang zu regionalen Rechenzentren. In diesem Fall ist der Highcharts-Host - Code.Highcharts.Com.

Fügen Sie die Highcharts-JavaScript-Datei mit dem folgenden Skript in die HTML-Seite ein:

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

In diesem Tutorial verwenden wir die CDN-Versionen der Highcharts-Bibliothek.

Fügen Sie die Highcharts-JavaScript-Datei mit dem folgenden Skript in die HTML-Seite ein:

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