DC.js - Installation

In diesem Kapitel erfahren Sie, wie Sie die Entwicklungsumgebung von DC.j einrichten. Bevor wir beginnen, benötigen wir die folgenden Komponenten:

DC.js Bibliothek
Editor
Webbrowser
Webserver

Lassen Sie uns die Schritte einzeln im Detail durchgehen.

DC.js Installation

Die DC-Installation ist sehr einfach einzurichten. Führen Sie die folgenden Schritte aus, um DC auf Ihrem Computer zu installieren .

Laden Sie die DC-Bibliothek herunter

DC ist eine Open-Source-Bibliothek. benutze den Linkhttps://github.com/dc-js/dc.js/releases um die Datei herunterzuladen.

Laden Sie die neueste Version der DC-Datei herunter. (Ab sofort ist die neueste Version 2.0.2.) Entpacken Sie nach Abschluss des Downloads den DC-Ordner und fügen Sie ihn in den Stammordner Ihres Projekts oder in einen anderen Ordner ein, in dem Sie alle Ihre Bibliotheksdateien aufbewahren möchten.

Die Beispiel-HTML-Seite ist wie unten gezeigt.

<!DOCTYPE html>
<html lang = "en">
   <head>
      <script src = "js/d3.js"></script>
      <script src = "js/crossfilter.js"></script>
      <script src = "js/dc.js"></script>
   </head>
   
   <body>
      <script>
         // write your dc code here.. 
      </script>
   </body>
</html>

DC ist ein JavaScript-Code, daher müssen wir alle DC-Codes in das Skript-Tag schreiben. Möglicherweise müssen wir die vorhandenen DOM-Elemente bearbeiten. Daher ist es ratsam, den DC-Code kurz vor dem Ende des "body" -Tags zu schreiben.

DC.js Editor

Wir benötigen einen Editor, um mit dem Schreiben des Codes zu beginnen. Es gibt einige großartige IDEs (Integrated Development Environment) mit Unterstützung für JavaScript wie -

Visual Studio-Code
WebStorm
Eclipse
SublimeText

Diese IDEs bieten eine intelligente Code-Vervollständigung und unterstützen einige der modernen JavaScript-Frameworks. Wenn wir keine ausgefallene IDE haben, können wir immer einen Basiseditor wie Notepad, VI usw. verwenden.

Webbrowser

DC.js funktioniert in allen Browsern außer IE8 und niedriger.

Webserver

Die meisten Browser stellen lokale HTML-Dateien direkt aus dem lokalen Dateisystem bereit. Es gibt jedoch bestimmte Einschränkungen beim Laden externer Datendateien. In den folgenden Kapiteln dieses Tutorials werden Daten aus externen Dateien wie CSV und JSON geladen. Daher wird es für uns einfacher, wenn wir den Webserver von Anfang an einrichten.

Wir können jeden Webserver verwenden, mit dem wir vertraut sind. Zum Beispiel - IIS, Apache usw.

Anzeigen einer Seite

In den meisten Fällen können wir die HTML-Datei einfach in einem Webbrowser öffnen, um sie anzuzeigen. Beim Laden externer Datenquellen ist es jedoch zuverlässiger, einen lokalen Webserver auszuführen und die Seite vom Server aus anzuzeigen (http://localhost:8080).