DC.js - Cài đặt

Trong chương này, chúng ta sẽ học cách thiết lập môi trường phát triển DC.js. Trước khi bắt đầu, chúng ta cần các thành phần sau:

Thư viện DC.js
Editor
trình duyệt web
máy chủ web

Hãy để chúng tôi đi qua các bước một cách chi tiết.

Cài đặt DC.js

Cài đặt DC rất dễ cài đặt. Làm theo các bước dưới đây để cài đặt DC trên máy của bạn.

Tải xuống Thư viện DC

DC là một thư viện mã nguồn mở; sử dụng liên kếthttps://github.com/dc-js/dc.js/releases để tải xuống tệp.

Tải xuống phiên bản mới nhất của tệp DC. (Hiện tại, phiên bản mới nhất là 2.0.2.). Sau khi quá trình tải xuống hoàn tất, hãy giải nén thư mục DC và dán nó vào thư mục gốc của dự án hoặc bất kỳ thư mục nào khác, nơi bạn muốn giữ tất cả các tệp thư viện của mình.

Trang HTML mẫu như hình bên dưới.

<!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 là một mã JavaScript, vì vậy chúng ta phải viết tất cả các mã DC trong thẻ “script”. Chúng tôi có thể cần thao tác các phần tử DOM hiện có, do đó, chúng tôi khuyên bạn nên viết mã DC ngay trước phần cuối của thẻ “body”.

DC.js Editor

Chúng tôi sẽ cần một trình soạn thảo để bắt đầu viết mã. Có một số IDE tuyệt vời (Môi trường phát triển tích hợp) hỗ trợ JavaScript chẳng hạn như:

Mã Visual Studio
WebStorm
Eclipse
SublimeText

Các IDE này cung cấp khả năng hoàn thành mã thông minh cũng như hỗ trợ một số khung JavaScript hiện đại. Nếu chúng ta không có bất kỳ IDE ưa thích nào, chúng ta luôn có thể sử dụng một trình soạn thảo cơ bản như Notepad, VI, v.v.

Trình duyệt web

DC.js hoạt động trên tất cả các trình duyệt ngoại trừ IE8 trở xuống.

Máy chủ web

Hầu hết các trình duyệt phục vụ các tệp HTML cục bộ trực tiếp từ hệ thống tệp cục bộ. Tuy nhiên, có một số hạn chế nhất định khi tải các tệp dữ liệu bên ngoài. Trong các chương tiếp theo của hướng dẫn này, chúng tôi sẽ tải dữ liệu từ các tệp bên ngoài như CSV và JSON. Vì vậy, sẽ dễ dàng hơn cho chúng tôi, nếu chúng tôi thiết lập máy chủ web ngay từ đầu.

Chúng tôi có thể sử dụng bất kỳ máy chủ web nào mà chúng tôi cảm thấy thoải mái. Ví dụ - IIS, Apache, v.v.

Xem một trang

Trong hầu hết các trường hợp, chúng ta chỉ có thể mở tệp HTML trong trình duyệt web để xem. Tuy nhiên, khi tải các nguồn dữ liệu bên ngoài, việc chạy một máy chủ web cục bộ và xem trang từ máy chủ sẽ đáng tin cậy hơn (http://localhost:8080).