Line Chart Example

An example of a Google Line Chart.

HTML

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

JavaScript

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

    function drawChart() {

        var data = new google.visualization.DataTable();
        data.addColumn('number', 'test');
        data.addColumn('number', 'test1');

        data.addRows([
            [2, 333],
            [3, 444],
            [4, 222],
            [5, 555]
        ]);

        var options = {
            chart: {
                title: 'Test title',
            		color: 'red'
            },
            width: '100%',
            height: 500
        };

        var chart = new google.charts.Line(document.getElementById('test123'));

        chart.draw(data, google.charts.Line.convertOptions(options));
    }