2015年5月30日 星期六

將D3 js porting 到backbone 框架

1.下載source code
https://github.com/wotcity/dotcity-starter-kit安裝套件
npm i -g browserify
npm i -g gulp
npm i -g bower  
npm install
npm i d3 --save
bower install
2.到D3 js 選擇適當的模組 http://d3js.org/
3.將範例HTML使用到的 module require 到src/index.js css加到index.html
4.將範例HTML中的script標籤移植到到src/index.js中
5.在執行C:\dotcity-starter-kit-master\gulp build 結果產生在dist/index.js
6.登入wot city 記下device ID
7.修改tests/test.js 將ID填入
8.執行 tests/node test.js push DATA到server
9.打開index.html在URL後面加#XXXXXX =>XXXXX是device ID名稱

沒有留言:

張貼留言