[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/