[Solved]-How to draw bar chart with range x-axis?-d3.js

I can't think of a clean way to do this. Not sure why you want to do it TBH - it looks a bit weird. But anyway - here's a hacky solution for NVD3 that you can port to AngularNVD3.

chart.rectClass('shift-right')

and then after you've done

d3.select('#chart svg')
    .datum(exampleData())
    .transition().duration(350)
    .call(chart);

Put

d3.selectAll('.shift-right').attr('x', '30');

This will shift all of the bars over by 30px.

http://jsfiddle.net/h7Lmkb4f/1/