raphael-inceleme/simgeler.html at master · asimturgut61/raphael-inceleme · GitHub

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
48
49
50
51
52
53
54
55
56
57
58
59
60
<html lang="en">
    <head>
	 <title>çizerlerr :)</title>
		 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="author" content="Asim Turgut">
        <meta name="description" content="grafik çizimleri">
<script type="text/javascript" src="js/raphael.js"> charset="utf-8"</script>
<script type="text/javascript" src="js/g.raphael.js"> charset="utf-8"</script>
<script type="text/javascript" src="js/g.pie.js"> charset="utf-8"</script>
<script type="text/javascript" src="js/g.bar.js"> charset="utf-8"</script>
<script type="text/javascript" src="js/g.line.js"> charset="utf-8"</script>
<script type="text/javascript" src="js/g.dot.js"> charset="utf-8"</script>
        <script type="text/javascript" charset="utf-8">
window.onload = function () {
var r = Raphael("holder");
r.g.txtattr.font = "12px 'Fontin Sans', Fontin-Sans, sans-serif";
var s = r.set();
s.push(r.g.flower(0, 50, 20),
r.g.disc(50, 50, 20),
r.g.line(100, 50, 20),
r.g.square(150, 50, 20),
r.g.triangle(200, 50, 20),
r.g.star(250, 50, 20),
r.g.cross(300, 50, 20),
r.g.plus(350, 50, 20),
r.g.arrow(400, 50, 20),
r.g.diamond(450, 50, 20));
s.attr({fill: "#000", stroke: "none", translation: "100 100"});
s = r.set();
s.push(r.g.disc(0, 50, 20),
r.g.disc(50, 50, 20),
r.g.disc(100, 50, 20),
r.g.disc(150, 50, 20),
r.g.disc(200, 50, 20),
r.g.disc(250, 50, 20),
r.g.disc(300, 50, 20),
r.g.disc(350, 50, 20),
r.g.disc(400, 50, 20),
r.g.disc(450, 50, 20));
s.attr({stroke: "#c00", translation: "100 100"});
r.path("M30,150l290,0M50,130l0,40 M100,130l0,40 M150,130l0,40 M200,130l0,40 M250,130l0,40 M300,130l0,40").attr({stroke: "#c00", translation: [150.5, 100.5]});
s = r.set();
s.push(r.g.tag(200, 250, "$9.99", 130),
r.g.popup(250, 250, "$9.99"),
r.g.flag(300, 250, "$9.99", 60),
r.g.label(350, 250, "$9.99"),
r.g.drop(400, 250, "$10"),
r.g.blob(450, 250, "$9.99"));
};
</script>
    </head>
    <body >
        <div id="holder"></div>

        <p>
            Sonuçlarýn pie chart'a dökülü hali yukardaki gibidir.
        </p>

    </body>
</html>