Line Chart Example

An example of a Google Line Chart.

HTML

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<div id="linechart_material"></div>

JavaScript

// googgle charts line chart sample (v1 package)

    //google.load('visualization', '1.1', {packages: ['line']});
    google.load('visualization', '1', {
        packages: ['line']
    });
    google.setOnLoadCallback(drawChart);

    function drawChart() {

        var data = new google.visualization.DataTable();
        data.addColumn('number', 'Degree Level');
        data.addColumn('number', 'Graduate or professional degree');
        data.addColumn('number', "Bachelor's degree");
        data.addColumn('number', "Associate's degree");
        data.addColumn('number', "High school or vocational training");

        data.addRows([
            [2, 39758, 93179, 78578, 49141],
            [3, 100747, 300646, 220982, 100456],
            [4, 49964, 68022, 21092, 6943],
            [5, 150370, 124868, 27120, 8204]
        ]);

        var options = {
            chart: {
                title: 'Education Report',
                subtitle: 'distributed by experience'
            },
            width: 900,
            height: 500
        };

        //   var chart = new google.charts.Line(document.getElementById('linechart_material'));
        var chart = new google.visualization.LineChart(document.getElementById('line_top_x'));

        chart.draw(data, options);
    }