dojo Charts: Coloring Axis

<html>

<head runat=”server”>
<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.addAxis(“x”);
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

One Response

  1. If you wish for to obtain a good deal from this paragraph then you have to apply such strategies to your won web site.

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: