title: How to show exact date in x-axis in nvd3.js?
body: <p>I am trying to show exact date on x-axis but it's always coming in range form like below image. Please suggest the solution.</p>
  
  <p>I have given below parameters to <code>$scope.options</code> :</p>
  
  <pre><code>$scope.options = {
  chart: {
  type: 'historicalBarChart',
  height: 450,
  margin : {
  top: 20,
  right: 20,
  bottom: 65,
  left: 50
  },
  x: function(d){return d[0];},
  y: function(d){return d[1];},
  showValues: true,
  valueFormat: function(d){
  return d3.format(',')(d);
  },
  duration: 1,
  xAxis: {
  axisLabel: 'Date',
  tickFormat: function(d) {
  return d3.time.format('%d-%m-%y')(new Date(d))
  },
  },
  yAxis: {
  axisLabel: 'Body Weight',
  axisLabelDistance: -10,
  tickFormat: function(d){
  return d3.format(',')(d);
  }
  },
  tooltip: {
  keyFormatter: function(d) {
  return d3.time.format('%x')(new Date(d));
  }
  },
  zoom: {
  enabled: true,
  scaleExtent: [1, 10],
  useFixedDomain: false,
  useNiceScale: false,
  horizontalOff: false,
  verticalOff: true,
  unzoomEventType: 'dblclick.zoom'
  }
  }
  };
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/mxO4g.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mxO4g.png" alt="enter image description here"></a></p>