NVD3.js multiChart x-axis labels is aligned to multiple lines, but not multiple bars

Question

This question relates to NVD3.js multiChart x-axis labels is aligned to lines, but not bars

I am using NVD3.js multiChart to show multiple lines

Answer 1

lawry's solution works. Also if using interactive guidelines, you need to shift the interactive line to match the new scale. Modify:

if(useInteractiveGuideline){
                interactiveLayer
                    .width(availableWidth)
                    .height(availableHeight)
                    .margin({left:margin.left, top:margin.top})
                    .svgContainer(container)
                    .xScale(x);
                wrap.select(".nv-interactive").call(interactiveLayer);    
                                                                          
                //ADD THIS LINE 
                wrap.select(".nv-interactiveGuideLine")
                .attr('transform', 'translate(' + rbcOffset +', ' + 0  + ')' +
                'scale(' + ((availableWidth - rbcOffset*2)/availableWidth) + ', 1)');
            }

in multiChart.js.