2014-07-24 09:41
Epoch 是一个通用的实时的图表库,用于构建漂亮、平滑和高性能的可视化图形图表。Epoch 提供多种基本图表和专业图表。Epoch 依赖于 jQuery 和 D3。
Epoch 是一个通用的实时的图表库,用于构建漂亮、平滑和高性能的可视化图形图表。Epoch 重点研究了可视化编程的两个不同的方面:基本图表创建历史报告,显示频繁更新timeseries数据的实时图表。
Epoch使用指南:
安装Epoch
有两个方式安装,其一是使用命令行:
bower install epoch其二是访问 项目主页,下载Epoch最新版,并将其手动安装在您的项目里。
这两种方式都会提供epoch.min.js 和 epoch.min.css文件。
配置开发环境:
需要的一些工具如下
- CoffeeScript (必需)
- node-sass (必需,需要将SCSS 编译为 CSS)
- node-minify (可选,需要建立一个简化版本)
- codo (可选, 需要生成文档)
以上所有的工具都可以通过 npm安装。
基本开发过程:
- 改变项目的源目录
- 运行 ‘cake build’ 从源代码构建JavaScript和CSS
可选运行‘cake documentation’编译接口文档为HTML - 在浏览器打开‘test/index.html’和浏览渲染测试
- 更改CoffeeScript源码,并使用‘cake build’或‘ cake watch’以编译您的更改
- 使用渲染测试,看看是否呈现了你想要的结果
- 确保‘cake test’通过单元测试
创建任务:
Epoch使用cake创建任务,该文件定义了以下任务:
Cakefile defines the following tasks: cake build # Builds JavaScript and CSS from source (also packages) cake coffee # Compiles JavaScript from CoffeeScript source cake sass # Compiles SASS source into CSS cake package # Packages the JavaScript into a single file cake compile # Compiles the packaged source via the Google Closure Compiler cake watch cake documentation # Compiles API documentation cake test # Runs unit tests cake release # Releases a new version of the library cake clean # Removes build files completely -v, --version Sets the version number for the release task大多数情况下你只需要用到以下任务
- ‘cake build / cake watch’ - 将CoffeeScript编译成JavaScript,并将SCSS 编译成 CSS.
- ‘cake --version X.Y.Z release’ - 这是用于创建缩小的发布版本的库
更多介绍,请查看 这里。