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.
46 lines (44 loc) • 1.61 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]>
<!DOCTYPE HTML>
<html lang="en">
<head>
<![endif]>
<script type="text/javascript" src="../../../../dojo/dojo.js" data-dojo-config="async: true, isDebug: true, has:{'dojo-bidi': true}"></script>
<script type="text/javascript">
require(["dojo/ready", "dojox/charting/Chart", "dojox/charting/axis2d/Default",
"dojox/charting/plot2d/Markers", "dojox/charting/themes/PlotKit/blue"], function(ready, Chart, Default, Markers,
blue){
ready(function(){
var chart = new Chart("chartDiv").
setTheme(blue).
addAxis("x", {fixLower: "major", fixUpper: "major", natural: true, includeZero: true,
majorTickStep: 0.5, minorTickStep: 0.1, dropLabels: true }).
addAxis("y", {vertical: true, fixLower: "major", fixUpper: "major", natural: true, includeZero: true,
labels: [{ value: 0, text: "0" }, { value: 1, text: "long label1" }, { value: 2, text: "long label2" },
{ value: 3, text: "long label3" }, { value: 4, text: "4" } ]
}).
addPlot("default", {type: Markers}).
addSeries("Series A", [{x: 1, y: 1}, {x: 2, y: 2}, {x: 3, y: 1}]).
addSeries("Series B", [{x: 5, y: 2}, {x: 6, y: 3}, {x: 7, y: 2}]).
addSeries("Series C", [{x: 9, y: 3}, {x: 10, y: 4}, {x: 11, y: 3}]).
setDir("rtl").
render();
});
});
</script>
</head>
<body>
<div id="chartDiv" style="width: 400px; height: 250px;"></div>
</body>
</html>