Учебники

DC.js — Установка

Август 31, 2018

В этой главе мы узнаем, как настроить среду разработки DC.js. Прежде чем мы начнем, нам нужны следующие компоненты —

  • Библиотека DC.js
  • редактор
  • веб-браузер
  • веб сервер

Давайте пройдемся по шагам один за другим в деталях.

Установка DC.js

Установка DC очень проста в настройке. Выполните следующие шаги, чтобы установить DC на свой компьютер.

Скачать DC Library

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, поэтому мы должны написать все коды DC в теге «script». Возможно, нам придется манипулировать существующими элементами DOM, поэтому желательно написать код DC непосредственно перед концом тега «body».

Редактор DC.js

Нам понадобится редактор, чтобы начать писать код. Есть несколько отличных IDE (интегрированная среда разработки) с поддержкой JavaScript, таких как —

  • Visual Studio Code
  • WebStorm
  • Затмение
  • SublimeText

Эти IDE обеспечивают интеллектуальное завершение кода, а также поддерживают некоторые из современных сред JavaScript. Если у нас нет какой-либо модной IDE, мы всегда можем использовать базовый редактор, такой как Блокнот, ВП и т. Д.

Веб-браузер

DC.js работает во всех браузерах, кроме IE8 и ниже.

Веб сервер

Большинство браузеров обслуживают локальные файлы HTML непосредственно из локальной файловой системы. Однако при загрузке внешних файлов данных существуют определенные ограничения. В последующих главах этого руководства мы будем загружать данные из внешних файлов, таких как CSV и JSON. Поэтому нам будет проще, если мы настроим веб-сервер с самого начала.

Мы можем использовать любой веб-сервер, с которым нам удобно. Например — IIS, Apache и т. Д.

Просмотр страницы

В большинстве случаев мы можем просто открыть файл HTML в веб-браузере, чтобы просмотреть его. Однако при загрузке внешних источников данных более надежно запустить локальный веб-сервер и просмотреть страницу с сервера ( http: // localhost: 8080 ).

47
Share: