title: Google Visualization Line Chart with fixed interval
body: <p>I am drawing a Line Chart using the Google Chart to plot change in integer over period of time. here is the code I am using:</p>
  <pre><code>  google.load(&quot;visualization&quot;, &quot;1&quot;, {packages:[&quot;corechart&quot;]});
    google.setOnLoadCallback(drawChart);
    function drawChart() {
      var data = new google.visualization.DataTable();
  data.addColumn('datetime', 'Time');
  data.addColumn('number', 'Leads');
  data.addRow([new Date(1377011402000),5]);     
  data.addRow([new Date(1376967661000),12]);
  //for full data see http://ubuntuone.com/3NMEtWYkhQSCHx4RERVcgq
                   
  
      var options = {
        title: 'Company Performance',
            fontSize: '12px',
            curveType: 'function',
            pointSize: 5,
            hAxis: {title: 'Week Report',
                    titleTextStyle: {color: '#FF0000'}
                    },
            vAxis: {title: 'Leads',  
                    titleTextStyle: {color: '#FF0000'}}
      };
  
      var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    }
  </code></pre>
  <p>Now, this is how the graph is currently looks
  <img src="https://i.stack.imgur.com/Wcvoh.png" alt="" /></p>
  <p>And if you try to make sense of this, it doesn't. so there a way in Google Chart Visualization using which I could specify x axis intervals? for example I want x axis to be(800-900Hrs to 2300-00Hrs). so there is just one 1line plotted instead of current multiple lines?</p>
  <p><strong>Here is the page live</strong>:
  <a href="http://ubuntuone.com/3NMEtWYkhQSCHx4RERVcgq" rel="nofollow noreferrer">http://ubuntuone.com/3NMEtWYkhQSCHx4RERVcgq</a></p>