title: D3 - using strings as axis ticks
body: <p>Hi have the following domain <code>array=["Col 1", "2012", "total"]</code> and I create the scale this way</p>
  
  <pre><code>x = d3.scale.ordinal()
          .domain(array)
          .rangeRoundBands([0,width], .1);
  </code></pre>
  
  <p>And I call the axis this way:</p>
  
  <pre><code> d3.svg.axis()
          .scale(x);
  </code></pre>
  
  <p>Unfortunately this creates unstable behaviour and the data swap on redraw as demonstrated here: <a href="http://jsbin.com/ibewux/9/edit" rel="nofollow">http://jsbin.com/ibewux/9/edit</a></p>
  
  <p>The only way to have a stable behaviour is to have numeric values for the domain, namely array=[0, 1, 2, 3, ...]</p>
  
  <p>How can I display ticks of this format ["Col 1", "2012", "total",..., "any string"] instead of numeric ones (i.e., [0,1,2,...N]) and avoid that the data charted swap (apparently on different random ticks each time) on redraw?</p>
  
  <p>Many thanks</p>