Use the highcharts.js JavaScript library to display a graph in a page

tutorial_12_example_1.html

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="width: 800px; height: 400px; margin: 0 auto; border: 1px solid black;"></div>

<script>
  $(function () {
        $('#container').highcharts({
            title: {
                text: 'Registered Syrian Refugees',
            },
            subtitle: {
                text: 'Source: UNHCR',
            },
            xAxis: {
              title: {
                text: 'Month'
              },
              categories: [
                '2012-02', '2012-04', '2012-06', '2012-08', '2012-10', '2012-12',
                '2013-02', '2013-04', '2013-06', '2013-08', '2013-10' ]
            },
            yAxis: {
              title: {
                    text: 'Number of Refugees'
              },
              plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
              }],
              min: 0
            },
            legend: {
              enabled: false
            },
            series: [{
                name: 'Refugees',
                data: [ 21767, 52931, 92597, 190658, 290357, 471808,
                        743122, 1216708, 1529140, 1805453, 2079112 ]
            }]
        });
    });
</script>