Fork Of

Revisions

gist: 223903 Download_button fork
public
Public Clone URL: git://gist.github.com/223903.git
Embed All Files: show embed
graphael-test.html #
raw 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

<!DOCTYPE html>
<html>
  <head>
    <title>g.RaphaelJS Graph Testing</title>
    <script src='raphael-min.js'></script>
    <script src='g.raphael-min.js'></script>
    <script src='g.line-min.js'></script>
    <script type='text/javascript'>
      //<![CDATA[
        window.onload = function () {
          var r = Raphael("graph-area", 500, 500);
          
          /* Graph input */
          
          /* 2009 */
          var xs     = [1, 2, 3, 4, 5, 6, 7, 8, 9];
          var ie7    = [[25.7, 25.4, 24.9, 23.2, 21.3, 18.7, 15.9, 15.1, 15.3]];
          var ie6    = [[18.5, 17.4, 17.0, 15.4, 14.5, 14.9, 14.4, 13.6, 12.1]];
          var ie8    = [[0.6, 0.8, 1.4, 3.5, 5.2, 7.1, 9.1, 10.6, 12.2]];
          var ff     = [[45.5, 46.4, 46.5, 47.1, 47.7, 47.3, 47.9, 47.4, 46.6]];
          var chrome = [[3.9, 4, 4.2, 4.9, 5.5, 6, 6.5, 7, 7.1]];
          var safari = [[3, 3, 3.1, 3, 3, 3.1, 3.3, 3.3, 3.6]];
          
          /*var y = [];
          for (var i = 0; i < 500; i++) {
            y[i] = (y[i - 1] || 0) + (Math.random() * 7) - 3;
          }*/
          
          r.g.linechart(20, 0, 480, 480, xs, ie6.concat(ie7, ie8, ff, chrome, safari), {axis: "0 0 1 1", symbol: "o"})
          
          /*var lines = r.g.linechart(150, 200, 500, 500, ie6, ie7, ie8, ff, chrome, safari, {nostroke: false, axis: "0 0 0 0 1 1", symbol: "o"}).hoverColumn(function () {
            this.tags = r.set();
            for (var i = 0, ii = 9; i < ii; i++) {
              this.tags.push(r.g.tag(this.x, this.y[i], this.values[i], 160, 10).insertBefore(this).attr([{fill: "#fff"}, {fill: this.symbols[i].attr("fill")}]));
            }
          }, function () {
            this.tags && this.tags.remove();
          });*/
        };
      //]]>
    </script>
  </head>
  <body>
    <div id='graph-area'></div>
  </body>
</html>