summaryrefslogtreecommitdiff
path: root/test/g.raphael/examples/dot/dotchart_basic.html
diff options
context:
space:
mode:
authorTim Redfern <tim@eclectronics.org>2012-01-23 22:22:02 +0000
committerTim Redfern <tim@eclectronics.org>2012-01-23 22:22:02 +0000
commit7523fb951aabc24bf290028c348cbe46bd846f86 (patch)
treefc28172683d16b59ecfa1070fa7a8188952803a7 /test/g.raphael/examples/dot/dotchart_basic.html
parent9af0f832607e626d22c4205a3ed21ad105fdc042 (diff)
graphing with raphael
Diffstat (limited to 'test/g.raphael/examples/dot/dotchart_basic.html')
-rw-r--r--test/g.raphael/examples/dot/dotchart_basic.html22
1 files changed, 22 insertions, 0 deletions
diff --git a/test/g.raphael/examples/dot/dotchart_basic.html b/test/g.raphael/examples/dot/dotchart_basic.html
new file mode 100644
index 0000000..3cb74ed
--- /dev/null
+++ b/test/g.raphael/examples/dot/dotchart_basic.html
@@ -0,0 +1,22 @@
+<html>
+ <head>
+ <title>gRaphaël Line Chart - a simple dot chart example</title>
+ <script type="text/javascript" src="../raphael-min.js"></script>
+ <script type="text/javascript" src="../../g.raphael-min.js"></script>
+ <script type="text/javascript" src="../../g.dot-min.js"></script>
+ <script type="text/javascript">
+ window.onload = function() {
+ // Creates canvas 640 × 480 at 10, 50
+ var r = Raphael(10, 50, 640, 480);
+
+ // Creates a simple dot chart at 10, 10
+ // width 300, height 220
+ // x-values: [5,10,15,20,25], y-values: [220,220,220,220,220]
+ // size: [1,2,3,4,5]
+ r.g.dotchart(10,10,300,220,[5,10,15,20,25],[220,220,220,220,220],[1,2,3,4,5], {max:10});
+ }
+ </script>
+ </head>
+ <body>
+ </body>
+</html> \ No newline at end of file