<html>

    <head>

        <script type="text/javascript" src="http://www.google.com/jsapi"></script>

        <script type="text/javascript">

            google.load("visualization", "1", {packages:["linechart"]});

            google.setOnLoadCallback(drawChart);

            function drawChart()

            {

                var data = new google.visualization.DataTable();

                data.addColumn('string', 'Temperaure');

                data.addColumn('number', 'Jan');

                data.addColumn('number', 'Feb');

 

                data.addRows([

                    ['4h', -5, 10],

                    ['5h', 0,  11],

                    ['6h', 7,  11],

                    ['7h', 10, 12],

                    ['8h', 10, 12],

                    ['10h', 11, 13],

                    ['11h', 12, 14],

                    ['12h', 14, 15]

                ]);

 

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

                chart.draw(data, {

                    width: 500,

                    height: 240,

                    legend: 'right',

                    title: 'Temperaure'

                });

            }

        </script>

    </head>

 

    <body>

        <div id="chart_div"></div>

    </body>

</html>