title: How to generate a Google graph from date time timestamps from a csv file
body: <p>I have a CSV file with datetime timestamps (in milliseconds from 1970) as X axis separed tis a comma ',' and an associated Temperature value as Y axis.</p>
  
  <p>ie :</p>
  
  <pre class="lang-html prettyprint-override"><code>1485097200000,22.5
  1485098100000,23.8
  1485099000000,24.2
  etc ...
  </code></pre>
  
  <p>From that kind of CSV file i would like to generate a google graph code like this :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>google.charts.load('current', {'packages':['corechart']});
  google.charts.setOnLoadCallback(drawChart);
  
  
  google.load('visualization', '1', {'packages':['annotatedtimeline']});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
  
    var data = new google.visualization.DataTable();
    data.addColumn('datetime', 'Date');
    data.addColumn('number', 'Temperatures');
  
    data.addRows([
      [new Date(1485097200000), 22.5],
      [new Date(1485098100000), 23.8],
      [new Date(1485099000000), 24.2]
    ]);
  
  
    var options = {
      title: 'Temperature measured every 15 minutes',
      width: 900,
      height: 500,
      hAxis: {
  
        gridlines: {count: 15}
      },
      vAxis: {
        gridlines: {color: 'none'},
        minValue: 0
      }
    };
  
    var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  
    chart.draw(data, options);
  
    var button = document.getElementById('change');
  
  
  
    button.onclick = function () {
  
      // If the format option matches, change it to the new option,
      // if not, reset it to the original format.
      options.hAxis.format === 'M/d/yy' ?
        options.hAxis.format = 'MMM dd, yyyy' :
      options.hAxis.format = 'M/d/yy';
  
      chart.draw(data, options);
    };
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"&gt;&lt;/script&gt;
  &lt;button id="change"&gt;Click to change the format&lt;/button&gt;
  &lt;div id="chart_div"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Would you please tell if it is possible and how i could do it so , i'm newbie.</p>
  
  <p>Regards,</p>