summaryrefslogtreecommitdiff
path: root/includes/js/dojox/charting/tests/test_pie2d.html
diff options
context:
space:
mode:
Diffstat (limited to 'includes/js/dojox/charting/tests/test_pie2d.html')
-rw-r--r--includes/js/dojox/charting/tests/test_pie2d.html128
1 files changed, 128 insertions, 0 deletions
diff --git a/includes/js/dojox/charting/tests/test_pie2d.html b/includes/js/dojox/charting/tests/test_pie2d.html
new file mode 100644
index 0000000..9fe6827
--- /dev/null
+++ b/includes/js/dojox/charting/tests/test_pie2d.html
@@ -0,0 +1,128 @@
+<html>
+<head>
+<title>Pie 2D</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+ @import "../../../dojo/resources/dojo.css";
+ @import "../../../dijit/tests/css/dijitTests.css";
+</style>
+<!--
+The next line should include Microsoft's Silverligth.js, if you plan to use the silverlight backend
+<script type="text/javascript" src="Silverlight.js"></script>
+-->
+<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug: true"></script>
+<script type="text/javascript" src="../../lang/functional.js"></script>
+<script type="text/javascript" src="../../lang/functional/fold.js"></script>
+<script type="text/javascript" src="../../lang/utils.js"></script>
+<script type="text/javascript" src="../Theme.js"></script>
+<script type="text/javascript" src="../scaler.js"></script>
+<script type="text/javascript" src="../Element.js"></script>
+<script type="text/javascript" src="../plot2d/Pie.js"></script>
+<script type="text/javascript" src="../Chart2D.js"></script>
+<script type="text/javascript">
+
+dojo.require("dojox.charting.Chart2D");
+dojo.require("dojox.charting.themes.PlotKit.blue");
+dojo.require("dojox.charting.themes.PlotKit.green");
+dojo.require("dojox.charting.themes.PlotKit.red");
+
+makeObjects = function(){
+ var chart1 = new dojox.charting.Chart2D("test1");
+ chart1.setTheme(dojox.charting.themes.PlotKit.blue);
+ chart1.addPlot("default", {
+ type: "Pie",
+ font: "normal normal bold 12pt Tahoma",
+ fontColor: "white",
+ labelOffset: 40
+ });
+ chart1.addSeries("Series A", [4, 2, 1, 1]);
+ chart1.render();
+
+ var chart2 = new dojox.charting.Chart2D("test2");
+ chart2.setTheme(dojox.charting.themes.PlotKit.blue);
+ chart2.addPlot("default", {
+ type: "Pie",
+ font: "normal normal bold 12pt Tahoma",
+ fontColor: "black",
+ labelOffset: -25,
+ precision: 0
+ });
+ chart2.addSeries("Series A", [4, 2, 1, 1]);
+ chart2.render();
+
+ var chart3 = new dojox.charting.Chart2D("test3");
+ chart3.setTheme(dojox.charting.themes.PlotKit.green);
+ chart3.addPlot("default", {
+ type: "Pie",
+ font: "normal normal bold 10pt Tahoma",
+ fontColor: "white",
+ labelOffset: 25,
+ radius: 90
+ });
+ chart3.addSeries("Series A", [4, 2, 1, 1]);
+ chart3.render();
+
+ var chart4 = new dojox.charting.Chart2D("test4");
+ chart4.setTheme(dojox.charting.themes.PlotKit.green);
+ chart4.addPlot("default", {
+ type: "Pie",
+ font: "normal normal bold 10pt Tahoma",
+ fontColor: "black",
+ labelOffset: -25,
+ radius: 90
+ });
+ chart4.addSeries("Series A", [4, 2, 1, 1]);
+ chart4.render();
+
+ var chart5 = new dojox.charting.Chart2D("test5");
+ chart5.setTheme(dojox.charting.themes.PlotKit.red);
+ chart5.addPlot("default", {
+ type: "Pie",
+ font: "normal normal bold 14pt Tahoma",
+ fontColor: "white",
+ labelOffset: 40
+ });
+ chart5.addSeries("Series A", [{y: 4, text: "Red"}, {y: 2, text: "Green"}, {y: 1, text: "Blue"}, {y: 1, text: "Other"}]);
+ chart5.render();
+
+ var chart6 = new dojox.charting.Chart2D("test6");
+ chart6.setTheme(dojox.charting.themes.PlotKit.red);
+ chart6.addPlot("default", {
+ type: "Pie",
+ font: "normal normal bold 14pt Tahoma",
+ fontColor: "white",
+ labelOffset: 40
+ });
+ chart6.addSeries("Series A", [
+ {y: 4, text: "Red", color: "red"},
+ {y: 2, text: "Green", color: "green"},
+ {y: 1, text: "Blue", color: "blue"},
+ {y: 1, text: "Other", color: "white", fontColor: "black"}
+ ]);
+ chart6.render();
+};
+
+dojo.addOnLoad(makeObjects);
+
+</script>
+</head>
+<body>
+<h1>Pie 2D</h1>
+<!--<p><button onclick="makeObjects();">Go</button></p>-->
+<p>1: Pie with internal labels.</p>
+<div id="test1" style="width: 300px; height: 300px;"></div>
+<p>2: Pie with external labels and precision=0.</p>
+<div id="test2" style="width: 300px; height: 300px;"></div>
+<p>3/4: Two pies with internal and external labels with a constant radius.</p>
+<table border="1"><tr>
+ <td><div id="test3" style="width: 300px; height: 300px;"></div></td>
+ <td><div id="test4" style="width: 300px; height: 300px;"></div></td>
+</tr></table>
+<p>5/6: Pie with internal custom labels and custom colors.</p>
+<table border="1"><tr>
+ <td><div id="test5" style="width: 300px; height: 300px;"></div></td>
+ <td><div id="test6" style="width: 300px; height: 300px;"></div></td>
+</tr></table>
+<p>That's all Folks!</p>
+</body>
+</html>