← Back to branch summary

~smagoun/whoopsie/whoopsie-lp1017637

« back to all changes in this revision

Viewing changes to backend/stats/static/js/nvd3/examples/sparkline.html

  • Committer: Evan Dandrea
  • Date: 2012-05-09 05:53:45 UTC
  • Revision ID: evan.dandrea@canonical.com-20120509055345-z2j41tmcbf4as5uf
The backend now lives in lp:daisy and the website (errors.ubuntu.com) now lives in lp:errors.

Show diffs side-by-side

added added

removed removed

Lines of Context:
backend/stats/static/js/nvd3/examples/sparkline.html
1
 
<!DOCTYPE html>
2
 
<meta charset="utf-8">
3
 
<link href="../src/d3.css" rel="stylesheet" type="text/css">
4
 
<style>
5
 
 
6
 
.sparkline path {
7
 
  fill: none;
8
 
  stroke: #444;
9
 
}
10
 
 
11
 
text {
12
 
  font: 10px sans-serif;
13
 
}
14
 
 
15
 
</style>
16
 
<body>
17
 
 
18
 
  <h2>Sparkline: <span id="test1" class="sparkline"></span></h2>
19
 
 
20
 
<script src="../lib/d3.v2.js"></script>
21
 
<script src="../lib/jquery.min.js"></script>
22
 
<script src="../nv.d3.js"></script>
23
 
<script src="../src/models/sparkline.js"></script>
24
 
<script>
25
 
 
26
 
//Format A
27
 
nv.addGraph({
28
 
  generate: function() {
29
 
    var chart = nv.models.sparkline()
30
 
                  .width(200)
31
 
                  .height(20)
32
 
 
33
 
    d3.select("#test1")
34
 
      .datum(sine())
35
 
      .call(chart);
36
 
 
37
 
    return chart;
38
 
  },
39
 
  callback: function(graph) {
40
 
    //log("Sparkline rendered");
41
 
  }
42
 
});
43
 
 
44
 
 
45
 
 
46
 
function sine() {
47
 
  var sin = [];
48
 
 
49
 
  for (var i = 0; i < 100; i++) {
50
 
    sin.push({x: i, y: Math.sin(i/10)});
51
 
  }
52
 
 
53
 
  return sin;
54
 
}
55
 
 
56
 
 
57
 
</script>