安装

优质

小牛编辑

136浏览

2023-12-01

在本章中，我们将学习如何设置DC.js开发环境。在开始之前，我们需要以下组件 -

DC.js库
Editor
网页浏览器
网络服务器

让我们逐一详细介绍这些步骤。

DC.js Installation

直流安装非常容易设置。按照以下步骤在您的计算机上安装DC 。

下载DC库

DC是一个开源库; 使用链接https://github.com/dc-js/dc.js/releases下载该文件。

下载最新版本的DC文件。（截至目前，最新版本为2.0.2。）。下载完成后，解压缩DC文件夹并将其粘贴到项目的根文件夹或任何其他要保留所有库文件的文件夹中。

示例HTML页面如下所示。

<!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是一个JavaScript代码，因此我们必须在“script”标记内写入所有DC代码。我们可能需要操作现有的DOM元素，因此建议在“body”标记结束之前编写DC代码。

DC.js Editor

我们需要一个编辑器来开始编写代码。有一些很棒的IDE（集成开发环境）支持JavaScript，例如 -

Visual Studio代码
WebStorm
Eclipse
SublimeText

这些IDE提供智能代码完成以及支持一些现代JavaScript框架。如果我们没有任何花哨的IDE，我们总是可以使用记事本，VI等基本编辑器。

网页浏览器

DC.js适用于IE8及更低版本以外的所有浏览器。

网络服务器

大多数浏览器直接从本地文件系统提供本地HTML文件。但是，在加载外部数据文件时存在某些限制。在本教程的后续章节中，我们将从外部文件（如CSV和JSON）加载数据。因此，如果我们从一开始就设置Web服务器，对我们来说会更容易。

我们可以使用任何我们都熟悉的Web服务器。例如 - IIS，Apache等。

查看页面

在大多数情况下，我们只需在Web浏览器中打开HTML文件即可查看。但是，在加载外部数据源时，运行本地Web服务器并从服务器查看页面更为可靠（ http://localhost:8080 ）。