Line Chart Example

An example of a Google Line Chart.

HTML

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}"></script>
       <div id="chart_div" style="width: 900px; height: 500px;"></div>

JavaScript

google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Time', 'Temperature (deg C)'],
['141104-2055',11],
['141104-2056',11],
['141104-2057',12],
['141104-2059',13],
['141104-2100',14],
['141104-2101',14],
['141104-2103',16],
['141104-2104',16],
['141104-2105',16],
['141104-2106',16],
['141104-2106',17],
['141104-2108',17],
['141104-2109',17],
['141104-2110',17],
['141104-2111',17],
['141104-2111',17],
['141104-2112',17],
['141104-2113',18],
['141104-2114',17],
['141104-2116',17],
['141104-2116',18],
        ]);

        var options = {
          title: 'Pinoccio temperature'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));

        chart.draw(data, options);
      }