70 lines
2.7 KiB
HTML
70 lines
2.7 KiB
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]>
|
|
<!DOCTYPE HTML>
|
|
<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" djConfig="isDebug: true"></script>
|
|
<script>
|
|
dojo.require("dojox.charting.Chart");
|
|
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"}).
|
|
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>
|