title: Google chart line: how to connect dots properly using a continuous axes
body: <p>I have a problem on a Google Chart line graph. I'm trying to use a continuous axis, but I obtain this:</p>
  
  <p><img src="https://i.stack.imgur.com/pEb8b.jpg" alt="Chart"></p>
  
  <p>As you can see, I'm not able to connecting dots using the X (date), but the dots are connect using the Y. How can I change this graph and obtain a "normal" graph?</p>
  
  <p>The code that I've used is this one:</p>
  
  <pre><code>google.load("visualization", "1", { packages: ["corechart"] });
  google.setOnLoadCallback(drawChart);
  
  function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('date', 'Data');
    data.addColumn('number', 'Prestazione');
    data.addRows([
      [new Date(2005, 05, 01), 9.17],
      [new Date(2005, 07, 01), 9.2],
      [new Date(2006, 07, 07), 8.7],
      [new Date(2006, 04, 08), 8.84],
      [new Date(2005, 10, 08), 9.09],
      [new Date(2006, 06, 10), 8.58],
      [new Date(2006, 06, 10), 8.66],
      [new Date(2005, 07, 13), 9.2],
      [new Date(2006, 09, 13), 8.8],
      [new Date(2006, 07, 14), 8.71],
      [new Date(2005, 07, 15), 8.7],
      [new Date(2008, 01, 20), 8.50],
      [new Date(2005, 05, 21), 9.0],
      [new Date(2006, 05, 27), 8.6],
      [new Date(2006, 06, 28), 8.7],
    ]);
  
    var options = {
      title: '',
      pointSize: 5,
      curveType: 'function',
      legend: 'none',
      explorer: {}
    };
  
    var chart = new google.visualization.LineChart(document.getElementById('chart_div01'));
    chart.draw(data, options);
  }
  </code></pre>