different colors for different bar in a bar chart graph

25 views
Skip to first unread message

brijesh

unread,
Jul 16, 2008, 6:14:56 AM7/16/08
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>
Reply all
Reply to author
Forward
0 new messages