[Solved]-D3 x axis value stacked on the left-d3.js

This is the expected behaviour. They are not "stacked" on the left side, it's just a math problem: each value of x is just 10% of the next value! Keep in mind that your domain goes from 10 to 10 million, so the points would never be equally spread: 90% of your domain is just the space between the 6th and the 7th point.

You can change the scale for an ordinal one or, if you want to keep it quantitative, you need a logarithmic scale here:

d3.scale.log();

Check your updated fiddle: https://jsfiddle.net/gerardofurtado/v17cpqdk/