dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
72 lines (68 loc) • 2.81 kB
HTML
<!--[if IE 7]>
<!DOCTYPE>
<html lang="en">
<head>
<![endif]-->
<!--[if IE 8]>
<!DOCTYPE>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<![endif]-->
<![if gte IE 9]>
<html lang="en">
<head>
<![endif]>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tension test.</title>
<style>
@import "../../../../dojo/resources/dojo.css";
@import "../../../../dijit/themes/tundra/tundra.css";
@import "../../../../dijit/tests/css/dijitTests.css";
</style>
<style>
.dojoxLegendNode {border: 1px solid #ccc; margin: 5px 10px 5px 10px; padding: 3px}
.dojoxLegendText {vertical-align: text-top; padding-right: 10px}
</style>
<script src="../../../../dojo/dojo.js" data-dojo-config="isDebug: true, has:{'dojo-bidi': true}"></script>
<script>
dojo.require("dojox.charting.Chart");
dojo.require("dojox.charting.Theme");
dojo.require("dojox.charting.axis2d.Default");
dojo.require("dojox.charting.plot2d.Default");
dojo.require("dojox.charting.widget.Legend");
var data = [{x: 1, y: 1}, {x: 1, y: 2}, {x: 2, y: 2}, {x: 2, y: 1}];
makeObjects = function(){
var theme = new dojox.charting.Theme({
chart: {fill: null}, // no background
plotarea: {fill: null}, // no background
colors: ["red", "green", "blue", "orange"]
});
var chart = new dojox.charting.Chart("test_chart").
setTheme(theme).
addAxis("x", {natural: true, min: 0, max: 3}).
addAxis("y", {vertical: true, natural: true, min: 0, max: 3}).
addPlot("S tension", {tension: "S"}).
addSeries("\"S\" tension", data, {plot: "S tension"}).
addPlot("x tension", {tension: "x"}).
addSeries("\"x\" tension", data, {plot: "x tension"}).
addPlot("X tension", {tension: "X"}).
addSeries("\"X\" tension", data, {plot: "X tension"}).
addPlot("no tension", {markers: true, tension: ""}).
addSeries("No Tension", data, {plot: "no tension"}).
setDir("rtl").
render();
var legend = new dojox.charting.widget.Legend({chart: chart}, "test_legend");
};
dojo.addOnLoad(makeObjects);
</script>
</head>
<body class="tundra">
<h1>Tension test.</h1>
<!--<p><button onclick="makeObjects();">Go</button></p>-->
<div id="test_chart" style="width: 400px; height: 400px;"></div>
<div id="test_legend"></div>
<p>That's all Folks!</p>
</body>
</html>