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.
104 lines (100 loc) • 2.96 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]>
<title>Touch Indicator</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
@import "../../../dojo/resources/dojo.css";
@import "../../../dijit/themes/tundra/tundra.css";
body { -ms-touch-action: none; }
</style>
<script type="text/javascript" src="../../../dojo/dojo.js"
data-dojo-config="isDebug: true, parseOnLoad: true"></script>
<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dojox.charting.Chart");
dojo.require("dojox.charting.axis2d.Default");
dojo.require("dojox.charting.plot2d.Lines");
dojo.require("dojox.charting.action2d.TouchZoomAndPan");
dojo.require("dojox.charting.action2d.TouchIndicator");
var chart;
makeObjects = function() {
chart = new dojox.charting.Chart("chart");
chart.addAxis("x", {
type : "Default",
font: "normal normal normal 14pt Tahoma",
fixLower : "minor",
natural : true,
stroke : "gray",
majorTick : {
color : "red",
length : 4
},
minorTick : {
color : "blue",
length : 2
}
});
chart.addAxis("y", {
vertical : true,
font: "normal normal normal 14pt Tahoma",
min : 0,
max : 100,
majorTickStep : 10,
minorTickStep : 5,
stroke : "gray",
majorTick : {
stroke : "black",
length : 4
},
minorTick : {
stroke : "gray",
length : 2
}
});
chart.addPlot("default", {
type : "Default",
markers : false,
areas: true
});
chart.addSeries("Series A", [ 8, 7, 3, 2, 5, 7, 9, 10, 2, 10, 14, 16,
29, 13, 16, 15, 20, 19, 15, 12, 24, 20, 20, 26, 28, 26, 28, 14,
24, 29, 31, 35, 37, 31, 35, 37, 37, 36, 31, 30, 50, 49, 42, 46,
44, 40, 47, 43, 48, 47, 51, 52, 52, 51, 54, 57, 58, 50, 54, 51,
74, 68, 67, 62, 62, 65, 61, 66, 65, 62, 74, 78, 78, 77, 74, 62,
72, 74, 70, 78, 84, 83, 85, 86, 86, 89, 89, 85, 86, 86, 98, 73,
93, 91, 92, 92, 99, 93, 94, 92 ]);
new dojox.charting.action2d.TouchZoomAndPan(chart, "default",
{axis: "x", enableScroll : false, enableZoom : false});
new dojox.charting.action2d.TouchIndicator(chart, "default",
{ series: "Series A",
dualIndicator : true, font: "normal normal bold 16pt Tahoma", fillFunc: function(v1, v2){
if(v2){
return v2.y>v1.y?"green":"red";
}else{
return "white";
}
}
});
chart.render();
};
dojo.addOnLoad(makeObjects);
</script>
</head>
<body class="tundra" style="height: 100%; width: 100%">
<div id="chart" style="width: 100%; height: 100%;"></div>
</body>
</html>