| 1 | <html> |
|---|
| 2 | <head> |
|---|
| 3 | <title>Simple Bar Graph 2D</title> |
|---|
| 4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|---|
| 5 | <style type="text/css"> |
|---|
| 6 | @import "../../dojo/resources/dojo.css"; |
|---|
| 7 | @import "../../dijit/themes/tundra/tundra.css"; |
|---|
| 8 | /*Grid.css - NOT NEEDED*/ |
|---|
| 9 | /*@import "../../dojox/grid/_grid/Grid.css";*/ |
|---|
| 10 | </style> |
|---|
| 11 | |
|---|
| 12 | <script type="text/javascript" src="../../dojo/dojo.js" djConfig="parseOnLoad: true"></script> |
|---|
| 13 | |
|---|
| 14 | <!-- Grid.js - NOT NEEDED --> |
|---|
| 15 | <!-- script type="text/javascript" src="../js/dojoRel10/dojox/grid/Grid.js" djConfig="parseOnLoad: true"></script --> |
|---|
| 16 | |
|---|
| 17 | <script type="text/javascript"> |
|---|
| 18 | |
|---|
| 19 | dojo.require("dojox.charting.Chart2D"); |
|---|
| 20 | |
|---|
| 21 | makeObjects = function(){ |
|---|
| 22 | var chart18 = new dojox.charting.Chart2D("test18"); |
|---|
| 23 | chart18.addAxis("x", {fixLower: "minor", fixUpper: "minor", natural: true}); |
|---|
| 24 | chart18.addAxis("y", {vertical: true, fixLower: "major", fixUpper: "major", includeZero: true, labels: [{value: 0, text: "The number zero"}, {value: 1, text: "The number one"}, {value: 2, text: "The number two"}, {value: 3, text: "The number three"}, {value: 4, text: "The number four"}, {value: 5, text: "The number five"}, {value: 6, text: "s i x"}]}); |
|---|
| 25 | chart18.addPlot("default", {type: "Bars", gap: 2}); |
|---|
| 26 | chart18.addSeries("Series A", [29, 25, 27, 44, 57], {stroke: {color: "red"}, fill: "lightpink"}); |
|---|
| 27 | chart18.render(); |
|---|
| 28 | }; |
|---|
| 29 | |
|---|
| 30 | dojo.addOnLoad(makeObjects); |
|---|
| 31 | |
|---|
| 32 | </script> |
|---|
| 33 | </head> |
|---|
| 34 | <body class="tundra"> |
|---|
| 35 | <p>Clustered columns, custom axes, custom strokes, fills, and gap.</p> |
|---|
| 36 | |
|---|
| 37 | <table><tr><td> |
|---|
| 38 | <!-- span id="infoSet1" dojoType="dijit.TitlePane" open="true" title="Information Set 1" style="width:700px;height:400px;" --> |
|---|
| 39 | <!-- table border="1"><tr><td --> |
|---|
| 40 | <div id="test18" style="width: 200px; height: 200px;"></div> |
|---|
| 41 | <!-- /td></tr></table --> |
|---|
| 42 | <!-- /span --> |
|---|
| 43 | </body> |
|---|
| 44 | </html> |
|---|
