title: Restrict line chart zoom in upto hours in dc chart library
body: <p>We are facing issue with the line chart of dc library.</p>
  
  <p><a href="http://dc-js.github.io/dc.js/" rel="nofollow">http://dc-js.github.io/dc.js/</a></p>
  
  <p>Take an example of above link where Monthly Index Abs is a line chart. When you zoom in, It goes upto minutes on X-Axis like <b> 5.15,  5.30, 5.45 </b> etc. </p>
  
  <p>We have defined X-Axis scale like below: It is combination of Day,Month, Year and hour.</p>
  
  <pre><code>.x(d3.time.scale().domain([new Date(sdate.getFullYear(),sdate.getMonth(),sdate.getDate(),sdate.getHours()), new Date(edate.getFullYear(),edate.getMonth(),edate.getDate(),edate.getHours())])) // (startDate, endDate)
  </code></pre>
  
  <p>In this, We have tried to restrict zoom up to hours in two ways but its not working.</p>
  
  <p>Approach 1:</p>
  
  <pre><code> .zoomExtent([0, 23]);
  </code></pre>
  
  <p>Approach 2:</p>
  
  <pre><code>.zoomExtent([new Date(sdate.getFullYear(),sdate.getMonth(),sdate.getDate(),sdate.getHours()), new Date(edate.getFullYear(),edate.getMonth(),edate.getDate(),edate.getHours())]);
  </code></pre>
  
  <p>we would like to this zoom in functionality to restrict upto hours like <b> 4 pm, 5 pm, 6 pm </b> etc and not upto minutes.</p>
  
  <p>Thanks in advance.</p>