Envision.js 项目教程

1. 项目目录结构及介绍

Envision.js 项目的目录结构如下：

envisionjs/
├── css/
│   ├── envision.css
│   └── envision.min.css
├── demos/
│   ├── finance.html
│   ├── time-series.html
│   └── ...
├── js/
│   ├── envision.js
│   ├── envision.min.js
│   └── ...
├── lib/
│   ├── underscore.js
│   ├── bean.js
│   └── ...
├── make/
│   ├── build.js
│   └── ...
├── markdown/
│   ├── README.md
│   └── ...
├── spec/
│   ├── jasmine.yml
│   └── ...
├── .gitignore
├── .gitmodules
├── LICENSE
├── Makefile
└── README.md

目录介绍

• css/: 包含 Envision.js 的样式文件，包括压缩和未压缩版本。
• demos/: 包含项目的示例演示文件，展示了如何使用 Envision.js 创建各种可视化图表。
• js/: 包含 Envision.js 的核心 JavaScript 文件，包括压缩和未压缩版本。
• lib/: 包含项目依赖的第三方库文件，如 underscore.js 和 bean.js。
• make/: 包含构建项目的脚本文件。
• markdown/: 包含项目的 Markdown 文档文件。
• spec/: 包含项目的测试配置文件和测试用例。
• .gitignore: Git 忽略文件配置。
• .gitmodules: Git 子模块配置。
• LICENSE: 项目许可证文件。
• Makefile: 项目构建文件。
• README.md: 项目介绍和使用说明文件。

2. 项目启动文件介绍

Envision.js 项目的启动文件主要是 envision.js 和 envision.min.js。这两个文件是 Envision.js 的核心库文件，提供了创建动态和交互式 HTML5 可视化图表的功能。

启动文件介绍

• envision.js: 这是 Envision.js 的未压缩版本，适合开发和调试时使用。
• envision.min.js: 这是 Envision.js 的压缩版本，适合在生产环境中使用，以减少文件大小和加载时间。

在 HTML 文件中引入 Envision.js 时，可以使用以下代码：

<script src="path/to/envision.min.js"></script>

3. 项目的配置文件介绍

Envision.js 项目的主要配置文件是 Makefile 和 jasmine.yml。

Makefile

Makefile 是项目的构建文件，用于自动化构建和测试过程。通过运行 make 命令，可以执行构建和测试任务。

jasmine.yml

jasmine.yml 是项目的测试配置文件，用于配置 Jasmine 测试框架的运行环境。通过运行 jasmine-headless-webkit 命令，可以执行项目的测试用例。

总结

通过本教程，您了解了 Envision.js 项目的目录结构、启动文件和配置文件。希望这些信息能帮助您更好地理解和使用 Envision.js 项目。