dojo Charts: Add Grids

<html >

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<title>Untitled 1</title>
<script type=”text/javascript” src= “../js/dojo/dojo/dojo.js” djConfig=”isDebug: true”></script>
<script type=”text/javascript”>
dojo.require(“dojox.charting.Chart2D”);
makeCharts = function(){
var chart1 = new dojox.charting.Chart2D(“simplechart”);
chart1.addPlot(“default”, {type: “Lines”});
chart1.addPlot(“other”, {type: “Areas”, hAxis: “other x”, vAxis: “other y”});
chart1.addPlot(“Grid”, {type: “Grid”, hAxis: “other x”,    vAxis: “other y”,hMajorLines: true,    hMinorLines: false,    vMajorLines: true,    vMinorLines: false});
chart1.addAxis(“y”, {vertical: true});
chart1.addAxis(“other x”, {leftBottom: false});
chart1.addAxis(“other y”, {vertical: true,
    leftBottom: false,
    max: 7,
    stroke: “green”,
    font: “normal normal bold 14pt Tahoma”,
    fontColor: “red”,
    majorTick: {color: “red”, length: 6},
    minorTick: {stroke: “black”, length: 3}
});
chart1.addSeries(“Series 1”, [1, 2, 2, 3, 4, 5, 5, 7]);
chart1.addSeries(“Series 2”, [1, 1, 4, 2, 1, 6, 4, 3],
        {plot: “other”, stroke: {color:”blue”}, fill: “lightblue”}
);
chart1.render();

};
dojo.addOnLoad(makeCharts);
</script>
</head>
<body>
<div id=”simplechart” style=”width: 250px; height: 150px;”></div>
</body>
</html>

Output:

image

Advertisements

3 Responses

  1. I’m extremely pleased to find this great site. I need to to thank you for your time for this fantastic read!! I definitely savored every little bit of it and I have you bookmarked to see new things on your site.

  2. Hello there, There’s no doubt that your website may be having browser compatibility problems. When I look at your web site in Safari, it looks fine however, when opening in Internet Explorer, it has some overlapping issues. I merely wanted to provide you with a quick heads up! Aside from that, great blog!

  3. I’m gone to inform my little brother, that he should also go to see this blog on regular basis to take updated from latest news.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: