Multiple Bargraphs

[ksekhar]

I am using the following to create multiple bar graph

new Ico.BarGraph(document.getElementById('graph_search_image'), {one: [100,200,300,400], two: [120,100,220,500]}, {meanline: true, grid: true,colors: {one: '#aaa', two: '#bbb'},labels: ['jan','feb', 'mar','apr'] });

The graph renders good but I want the bars side-by-side instead of on top of each other, how do I accomplish that, and how do I make the graph load colors I want it to load, (its always random).

Created with Raphaël100200300400500janfebmarapr

[alexyoung]

To get the colours right I think you just need to spell it 'colours' instead of 'colors' (I'm British so it's all British English).

Does Ico.HorizontalBarGraph make the kind of side-by-side graph you want?

You can find some examples in here: https://github.com/alexyoung/ico/blob/master/docs/examples.html

And API docs here: http://alexyoung.github.com/ico/

Cheers,

Alex

[ksekhar]

Thanks for Colours correction :)
My question was about if its possible to display the bar graph like the 3rd example in this link http://g.raphaeljs.com/barchart2.html

[alexyoung]

The "Multiple Series Chart" example?

[ksekhar]

Yes

[alexyoung]

That's Ico.HorizontalBarGraph

[ksekhar]

It doesn't show the desired output, it shows the bars stacked on each other.
So when sometimes when the values are almost equal one bar will be
completely hidden from second bar which doesn't help for comparison.

On Wed, Sep 21, 2011 at 12:23 PM, Alex Young <
[email protected]>wrote:

That's Ico.HorizontalBarGraph

Reply to this email directly or view it on GitHub:
#8 (comment)