Line Chart Example

An example of a Google Line Chart.

by stefanpetrovic

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>

CSS

.overlay-marker{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 53px;
    left: 528px;
}

JavaScript

google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales'],
          ['January 2019',  169,      138],
          ['December 2018',  169,      138],
          ['November 2018',  169,       138],
          ['October 2018',  169,      138]
        ]);

        var options = {
          title: 'Company Performance'
        };

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

        chart.draw(data, options);
      }