datavjs-master
所属分类:JavaScript/JQuery
开发工具:JavaScript
文件大小:4406KB
下载次数:12
上传日期:2013-10-31 11:41:12
上 传 者:
leiyun2008
说明: 做数据展示图非常不错 datavjs-master
(Do data exhibited very good)
文件列表:
.jshintrc (554, 2013-08-27)
.npmignore (38, 2013-08-27)
MIT-License (1115, 2013-08-27)
bin (0, 2013-08-27)
bin\.jshintrc (506, 2013-08-27)
bin\build.js (1241, 2013-08-27)
bin\color.html (1234, 2013-08-27)
bin\config.js (1939, 2013-08-27)
bin\jslint_precommit (0, 2013-08-27)
bin\jslint_precommit\config.json (170, 2013-08-27)
bin\jslint_precommit\jslint.js (254204, 2013-08-27)
bin\jslint_precommit\precommit.js (908, 2013-08-27)
build (0, 2013-08-27)
build\all.js (1182239, 2013-08-27)
build\data_html5.js (801087, 2013-08-27)
build\data_mofang.js (299258, 2013-08-27)
build\data_shu.js (286822, 2013-08-27)
build\datav.js (825488, 2013-08-27)
build\datav_without_jquery_json.js (550351, 2013-08-27)
build\deps.js (803071, 2013-08-27)
build\stream_component.js (61243, 2013-08-27)
build\v5.js (489655, 2013-08-27)
deps (0, 2013-08-27)
deps\array_shim.js (6357, 2013-08-27)
deps\d3.csv.js (2420, 2013-08-27)
deps\d3.js (239885, 2013-08-27)
deps\d3.layout.js (50066, 2013-08-27)
deps\d3.time.js (21635, 2013-08-27)
deps\d3.v2.js (240410, 2013-08-27)
deps\deps_changeList.txt (211, 2013-08-27)
deps\eventproxy-0.2.0.js (12435, 2013-08-27)
deps\jquery-1.7.1.js (257499, 2013-08-27)
deps\json2.js (17636, 2013-08-27)
deps\raphael.js (226827, 2013-08-27)
deps\seajs (0, 2013-08-27)
deps\seajs\plugin-base.js (2469, 2013-08-27)
deps\seajs\plugin-coffee.js (369, 2013-08-27)
... ...
DataV.js
============
DataV.js 是一个 JavaScript 的数据可视化库,致力于推动数据可视化在普通业务的落地应用。
我们的目标是:
> 凡有数据在处,皆能可视化
![DataV logo](https://raw.github.com/TBEDP/datavjs/master/doc/assets/logo.png)
- [API文档](http://tbedp.github.com/datavjs/index.html)
- 任意疑问,请移至底下联系人部分即可。
## 安装
目前处于开发中,并未release正式版本,如需使用,请采用如下方式:
```bash
$ git clone git://github.com/TBEDP/datavjs.git
```
需要注意的是 [example](https://github.com/TBEDP/datavjs/tree/master/example) 目录下的例子中有 `ajax` 存在,所以你需要一个服务器来托管这些静态文件。
你也可以试用基于 DataV.js 开发的 [Chrome插件](https://chrome.google.com/webstore/detail/datavjs/fkekhkndcgobgjbkclehjognobgdoppm),可以在任意网页中将表格可视化。
## Examples
- [Pie](http://datavlab.org/datavjs/#pie)
![Pie图](https://raw.github.com/TBEDP/datavjs/master/doc/assets/pie.jpg)
- [Treemap](http://datavlab.org/datavjs/#treemap)
![Treemap图](https://raw.github.com/TBEDP/datavjs/master/doc/assets/treemap.jpg)
- [Tree](http://datavlab.org/datavjs/#tree)
![Tree图](https://raw.github.com/TBEDP/datavjs/master/doc/assets/tree.jpg)
- [Stream](http://datavlab.org/datavjs/#stream)
![Stream图](https://raw.github.com/TBEDP/datavjs/master/doc/assets/stream.jpg)
- [ScatterplotMatrix](http://datavlab.org/datavjs/#scatterplotMatrix)
![ScatterplotMatrix图](https://raw.github.com/TBEDP/datavjs/master/doc/assets/scatterplotMatrix.jpg)
- [Force](http://datavlab.org/datavjs/#force)
![Force图](https://raw.github.com/TBEDP/datavjs/master/doc/assets/force.jpg)
- [Matrix](http://datavlab.org/datavjs/#matrix)
![Matrix图](https://raw.github.com/TBEDP/datavjs/master/doc/assets/matrix.jpg)
- [Bubble](http://datavlab.org/datavjs/#bubble)
![Bubble图](https://raw.github.com/TBEDP/datavjs/master/doc/assets/bubble.jpg)
- [Chord](http://datavlab.org/datavjs/#chord)
![Chord图](https://raw.github.com/TBEDP/datavjs/master/doc/assets/chord.jpg)
- [Gender 性别图](https://github.com/TBEDP/datavjs/tree/master/example/gender)
![Gender](http://nfs.nodeblog.org/d/3/d317bbffe6cc085b63c653e02d4d5373.png)
## Quick start
此处以Pie图为例。
### 引入依赖
```html
```
### 准备数据
```js
var source = [
['北京', 50265],
['上海', 60555],
['广州', 38544],
['深圳', 27276],
['西安', 20506],
['昆明', 26916],
['武汉', 17636],
['拉萨', 977],
['哈尔滨', 10406],
['乌鲁木齐', 6695]
];
```
### 渲染图表
```js
// 初始化组件
var pie = new Pie("container", {width: 1000, tag: true});
// 添加数据源
pie.setSource(source);
// 渲染
pie.render();
```
### 结果:
![Pie图](https://raw.github.com/TBEDP/datavjs/master/doc/assets/pie.jpg)
## Requirements:
* [D3.js](https://github.com/mbostock/d3).
* [Raphael.js](http://raphaeljs.com/).
* [Sea.js](https://github.com/seajs/seajs).
## Learn more?
- The example site:
- [API Docs](http://tbedp.github.com/datavjs/)
## Contributors
Thanks goes to the people who have contributed code to this library, see the [GitHub Contributors](https://github.com/TBEDP/datavjs/graphs/contributors) page.
Below is the output from `git-summary`
```bash
$ git summary
project : datavjs
repo age : 1 year
active : 159 days
commits : 431
files : 276
authors :
305 Jackson Tian 70.8%
46 jdk137 10.7%
25 xie cong 5.8%
18 gozo1234 4.2%
11 Theseue 2.6%
8 xiecong 1.9%
8 wxtheseue 1.9%
4 Jiang Dongke 0.9%
3 郭方舟 0.7%
2 unknown 0.5%
1 arcthur 0.2%
```
## License
DataV.js is available under the [MIT License](https://github.com/TBEDP/datavjs/blob/master/MIT-License).
## Contact
组件由淘宝数据产品部可视化小组以及浙大CAD&CG可视化与可视分析小组共同开发
开发联系人,有问题可咨询:
- 阿里旺旺
- 朴灵[![朴灵 在线咨询](http://amos1.taobao.com/online.ww?v=2&uid=%E6%9C%B4%E7%81%B5&s=1)](http://amos1.taobao.com/msg.ww?v=2&uid=%E6%9C%B4%E7%81%B5&s=1)
- 宁朗[![宁朗 在线咨询](http://amos1.taobao.com/online.ww?v=2&uid=%E5%AE%81%E6%9C%97&s=1)](http://amos1.taobao.com/msg.ww?v=2&uid=%E5%AE%81%E6%9C%97&s=1)
- 法慧[![法慧 在线咨询](http://amos1.taobao.com/online.ww?v=2&uid=%E6%B3%95%E6%85%A7&s=1)](http://amos1.taobao.com/msg.ww?v=2&uid=%E6%B3%95%E6%85%A7&s=1)
- 解聪(浙大实习生)[![解聪 在线咨询](http://amos1.taobao.com/online.ww?v=2&uid=%E9%95%BF%E4%BA%AD%E7%9A%84%E8%8B%8F%E5%B9%95%E9%81%AE&s=1)](http://amos1.taobao.com/msg.ww?v=2&uid=%E9%95%BF%E4%BA%AD%E7%9A%84%E8%8B%8F%E5%B9%95%E9%81%AE&s=1)
- 黄芯芯(浙大实习生)[![黄芯芯 在线咨询](http://amos1.taobao.com/online.ww?v=2&uid=littlemonkey007&s=1)](http://amos1.taobao.com/msg.ww?v=2&uid=littlemonkey007&s=1)
- 阿里旺旺群:7***80715
- QQ群: 181***936
- Google Group: [DataVLab](http://groups.google.com/group/datavlab)
- Gtalk:
- 浙大CAD&CG可视化与可视分析小组: [VAG Wiki](http://www.cad.zju.edu.cn/home/vagwiki/index.php)
如有疑问,或发现Bug,也可[提交Bug](https://github.com/TBEDP/datavjs/issues/new)
近期下载者:
相关文件:
收藏者: