You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
1.6 KiB
58 lines
1.6 KiB
<!--[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>Testing Axes with Date Labels</title> |
|
<style type="text/css"> |
|
@import "../../../dojo/resources/dojo.css"; |
|
@import "../../../dijit/tests/css/dijitTests.css"; |
|
@import "../../../dijit/themes/claro/claro.css"; |
|
</style> |
|
</head> |
|
<body class="claro"> |
|
<div id="simplechart" style="width: 600px; height: 200px;"></div> |
|
<script src='../../../dojo/dojo.js' data-dojo-config="async:1, isDebug:1"></script> |
|
<script> |
|
require([ |
|
"dojo/date", |
|
"dojo/date/locale", |
|
"dojox/charting/Chart", |
|
"dojox/charting/themes/Claro", |
|
"dojox/charting/plot2d/Lines", |
|
"dojox/charting/axis2d/Default", |
|
"dojo/domReady!" |
|
], function (date, locale, Chart, Claro) { |
|
|
|
function makeLabel(index){ |
|
var idx = index - 1; |
|
var d = date.add(new Date(), 'month', idx); |
|
return locale.format(d, {datePattern:'MM-dd-yyyy', selector:'date'}); |
|
} |
|
|
|
var chart = new Chart("simplechart"); |
|
|
|
chart.setTheme(Claro); |
|
chart.addPlot("myPlot", {type: "Lines"}); |
|
chart.addAxis("x", {labelFunc:makeLabel, minorTicks:false}); |
|
chart.addAxis("y", {vertical: true, leftBottom: true, includeZero:true}); |
|
|
|
chart.addSeries("Series 1", [2, 2, 2, 3, 4, 5, 5, 7]); |
|
|
|
chart.render(); |
|
}); |
|
</script> |
|
</body> |
|
</html>
|
|
|