I want to implement multiple x axis in D3 js

In my dashboard app I have section for rendering data in charts/Graph (Bar and lines multiples).

I have a multiple Y axis for the lines and as well as for the bars.

Same thing I will be having for my X axis. (Multiple X axis)

Please find the image.

I want to have same multiple X axis functionality will be working with Zoom and pan functionality also.

Please guide if anybody implement similar kind of functionality before.

Same like this.

http://ift.tt/1zOMT2X