Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <title>THis is a te</title>
- </head>
- <body>
- <script src="http://d3js.org/d3.v3.min.js" type="text/javascript" charset="utf-8"></script>
- <script src="fun.js" type="text/javascript" charset="utf-8"></script>
- <script type="text/javascript" charset="utf-8">
- var dataset = new Array();
- var parseDate = d3.time.format('%Y-%b-%e').parse;
- d3.tsv("data.tsv",function(error,data){
- for(var i in data){
- //console.log(data[i].date);
- //console.log(parseDate(data[i].date));
- var elapse = (i == 0) ? 0 : dateElapse(parseDate(data[i-1].date),parseDate(data[i].date));
- dataset.push({
- date : parseDate(data[i].date),
- state : data[i].state,
- elapse : elapse
- });
- }
- });
- var total = 0;
- for(var i in dataset){
- total =total + dataset[i].elapse;
- }
- console.log(total);
- var tau = Math.PI * 2;
- var width = 960,height = 500;
- var svg = d3.select("body").append("svg").attr({
- "width" : width,
- "height": height,
- });
- var container = svg.append("g").attr({
- "transform":"translate(" + width / 2 + "," + height / 2+ ")"
- });
- var arc = d3.svg.arc()
- .innerRadius(180)
- .outerRadius(240)
- .startAngle(0);
- var background = container.append("path")
- .datum({endAngle: tau})
- .style("fill","#ddd")
- .attr("d",arc)
- var foreground = container.append("g").append("path")
- .datum({endAngle: 0.25 * tau})
- .style("fill","#ffa500")
- .attr("d",arc)
- </script>
- </body>
- </html>
- var month = [31,28,31,30,31,30,31,31,30,31,30,31];
- var millseconds_per_day = 86400000;
- function getDateParser(specifier) {
- return d3.time.format(specifier).parse;
- }
- function day( ) {
- return this.getDate();
- }
- function month() {
- return this.getMonth();
- }
- function year( ) {
- return this.getFullYear();
- }
- function dateElapse(start,end) {
- return Math.ceil((end - start) / millseconds_per_day);
- }
- function loadtsv(file,arr){
- arr = new Array();
- d3.tsv(file,function(error,data){
- var parser = getDateParser("%Y-%b-%e");
- for(var i in data){
- var elapse = (i == 0) ? 0 : dataElapse(parser(data[i-1].date,parser(data[i].data)));
- arr.push({
- date : parser(data[i].data),
- state: data[i].state,
- elapse : elapse
- })
- }
- });
- }
- date state
- 2014-May-12 task1
- 2014-May-25 task2
- 2014-Jun-28 tsak3
- var reader = new FileReader();
- read.onload=...
- d3.tsv("data.tsv",function(error,data){
- for(var i in data) {
- ...
- }
- var total = 0;
- for(var i in dataset){
- total =total + dataset[i].elapse;
- }
- console.log(total);
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement