Untitled

<html>
  <body style="background-color:#636363;">
    <meta charset="utf-8">
    <title>Online RED</title>
  </body>
<head>
    <!--Load the AJAX API-->
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="jquery.csv.min.js"></script>
    <script src="jquery.csv-0.71.js"></script>
    <script type="text/javascript">
      google.load('visualization', '1.0', {'packages':['corechart']});
      google.setOnLoadCallback(BasicLine);

      function BasicLine() {
          $.get("example.csv", function(csvString) {
              var arrayData = $.csv.toArrays(csvString,
                                            {onParseValue: $.csv.hooks.castToScalar}),
                  data      = new google.visualization.arrayToDataTable(arrayData),
                  options   = {
                                hAxis: {title: 'Time'},
                                width: (window.innerWidth-20), height: (window.innerHeight-20),
                                curveType: 'function',
                                vAxis: {title: 'Online'},
                                //pointSize: 1,
                                trendlines: {0: {type: 'exponential', visibleInLegend: true, color: 'green',}},
                                backgroundColor: '#636363'},
                  chart     = new google.visualization.LineChart(document.getElementById('chart_div'));
                  //var chart = new google.charts.Line(document.getElementById('linechart_material'));
                  //chart.draw(data, google.charts.Line.convertOptions(options));
              chart.draw(data, options);

          },
          'text');
      }
  </script>
</head>

<body>
    <!--Div that will hold the pie chart-->
    <div id="chart_div"></div>
</body>

</html>