Combo chart in d3.js

[Loganath Thamizharasu]

Hi, 

      I am new to D3.js and currently exploring generating grouped bar charts from json. Is there a possibility to add a line chart on top of it to give a combo chart effect like that we see in google jsapi charts. Please help me through this. 

Thanks,

Regards, 

Logs

[Alex Brown]

Yes of course there is.  You need to decide whether the line chart is going to have a different scale/axis from the bar chart, but either way you can make it work.

simply speaking you can just build two plots on top of each other in the rendering area.

Just choose which one is in front and use svg ordering / d3.selection.order to enforce that.

-Alex

[Sgol]

Hi, Thanks for your reply. It is more or like projecting one or more lines on top of grouped bar chart with the same data exists in the axis. Can you provide me more sense to it. Any links or sources that is suffice for reference. 

Thanks. 

[Alex Brown]

This is just the simple combination of a bar chart and a line chart.

There are a few steps to achieving this, I'm not sure where you are stuck; 

* calculation of the average

* plotting a grouped bar 

* plotting a line

* combining them

let me know.

-Alex

[Patrick Martin]

I've been working on ways to make D3 and other technologies easier to combine and interoperate. Check out:

http://dexvis.wordpress.com/2013/03/23/reusable-charting-patterns-part-3/

- Pat