High Chart

by kapilgopinath

HTML

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

<div id="container" style="height: 400px; min-width: 310px"></div>

JavaScript

$(function() {

	$('#container').highcharts({
        chart: {
            type: 'area'
        },
        plotOptions: {
                area: {
                    stacking: 'normal',
                    lineColor: '#666666',
                    lineWidth: 1,
                    marker: {
                        lineWidth: 1,
                        lineColor: '#666666'
                    }
                }
        },
        title: {
            text: 'Weekly Journal'
        },
        xAxis: {
            categories: ['23-29Jun', '30Jun-06Jul', '07-13Jul','14-20Jul']
        },
        yAxis: {
            title: {
                text: 'Reading'
            }
        },
        series: [{
            name: 'Low',
            data: [75, 80, 85, 80]
        }, {
            name: 'High',
            data: [119, 118, 123,120]
        }]
    });

});