brijesh
unread,Jul 16, 2008, 6:14:56 AM7/16/08Sign in to reply to author
Sign in to forward
You do not have permission to delete messages in this group
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message
to plotkit
hi
i am using plotkit for drawing a bar graph.Inside bar graph i assign
different colors for bar.
please give me a idea for how to develop this thing.
My code is:
<script>
function drawGraph1(){
var options={"IECanvasHTC": "/plotkit/iecanvas.htc",
"colorScheme":
PlotKit.Base.palette(PlotKit.Base.baseColors()[2]),
"padding": {left: 30, right: 20, top: 10, bottom:
10},
"yTicks": [ {v:0.0,label:"0"},{v:0.5,label:"0.5"},
{v:1.0,label:"1.0"},{v:1.5,label:"1.5"},{v:2.0,label:"2"},{v:
2.5,label:"2.5"},{v:3.0,label:"3.0"},{v:3.5,label:"3.5"},{v:
4.0,label:"4.0"},{v:4.5,label:"4.5"},{v:5.0,label:"5.0"}],
"xTicks": [ {v:0.0,label:"0"},{v:0.5,label:"0.5"},
{v:1.0,label:"1.0"},{v:1.5,label:"1.5"},{v:2.0,label:"2"},{v:
2.5,label:"2.5"},{v:3.0,label:"3.0"},{v:3.5,label:"3.5"},{v:
4.0,label:"4.0"},{v:4.5,label:"4.5"},{v:5.0,label:"5.0"}],
//"xNumberOfTicks": 5,
"backgroundColor":Color.whiteColor(),
"axisLineColor":Color.blackColor(),
"barOrientation": "vertical",
"drawYAxis": true,
"drawXAxis": true
};
var dataset=[[1, 1],[2, 2],[3, 4]];
//alert("D :"+dataset);
var faq = new Array(3)
for (i=0; i <3; i++)
faq[i]=new Array(2)
var count;
for(var x=0;x<xarrData.length;x++)
{
for(var y=0;y<2;y++)
{
if(y==0)
{
//alert("x :"+xarrData[x]);
faq[x][y] = xarrData[x];
}
else
{
//alert("y :"+yarrData[x]);
faq[x][y] = yarrData[x];
}
}
}
//alert("test:" + faq);
//alert("D :"+dataset);
var layout = new PlotKit.Layout("bar", options);
layout.addDataset("sqrt", faq);
layout.evaluate();
var canvas = MochiKit.DOM.getElement("graph1");
var plotter = new PlotKit.SweetCanvasRenderer(canvas,
layout, options);
plotter.render();
}
MochiKit.DOM.addLoadEvent(drawGraph1);
</script>
<div><canvas id="graph1" height="300" width="300">Graph</canvas></
div>