$(document).ready(function () {
    chart = new Highcharts.StockChart({
        chart: {
            renderTo: 'chart',
            type: 'line',
            animation: false,
            showAxes: true,
            height: 500
        },
        xAxis: {
            ordinal: false,
            type: 'datetime',
            showEmpty: true,
            gridLineWidth: 1,
            gridLineDashStyle: 'dot',
            ordinal: false
        },
        yAxis: {
            title: {text: 'Курс CAD, грн'},
            lineWidth: 3,
            gridLineWidth: 1,
            gridLineDashStyle: 'dash',
            ordinal: false
        },
        plotOptions: {
            series: {connectNulls: true, shadow: false},
            spline: {marker: {enabled: true}}
        },
        tooltip: {valueDecimals: 8, xDateFormat: '%d %b %Y', shared: true},
        series: [
                        {
                name: 'Курс CAD',
                data: [[1277942400000,7.52567],[1278028800000,7.42902],[1278115200000,7.44085],[1278201600000,7.44085],[1278288000000,7.44085],[1278374400000,7.42825],[1278460800000,7.45781],[1278547200000,7.46524],[1278633600000,7.57492],[1278720000000,7.64078],[1278806400000,7.64078],[1278892800000,7.64078],[1278979200000,7.65124],[1279065600000,7.65316],[1279152000000,7.62904],[1279238400000,7.67756],[1279324800000,7.55906],[1279411200000,7.55906],[1279497600000,7.55906],[1279584000000,7.48893],[1279670400000,7.4683],[1279756800000,7.61967],[1279843200000,7.57966],[1279929600000,7.60755],[1280016000000,7.60755],[1280102400000,7.60755],[1280188800000,7.62171],[1280275200000,7.68832],[1280361600000,7.65801],[1280448000000,7.63894],[1280534400000,7.64279]],
                tooltip: {valueSuffix: ' грн'},
                type: 'area',
                step: true,
                color: '#888888',
                fillColor: {
                    linearGradient: {x1: 0, y1: 0, x2: 0, y2: 1},
                    stops: [[0, '#CCCCCC'], [1, 'rgba(50,50,50,0)']]
                },
                threshold: null
            },
                        {
                name: 'Среднее за период',
                data: [[1277942400000, 7.525674],[1277942400000, 7.525674],[1278028800000, 7.429020],[1278115200000, 7.440851],[1278201600000, 7.440851],[1278288000000, 7.440851],[1278374400000, 7.428254],[1278460800000, 7.457813],[1278547200000, 7.465238],[1278633600000, 7.574921],[1278720000000, 7.640783],[1278806400000, 7.640783],[1278892800000, 7.640783],[1278979200000, 7.651242],[1279065600000, 7.653163],[1279152000000, 7.629041],[1279238400000, 7.677559],[1279324800000, 7.559061],[1279411200000, 7.559061],[1279497600000, 7.559061],[1279584000000, 7.488932],[1279670400000, 7.468299],[1279756800000, 7.619670],[1279843200000, 7.579657],[1279929600000, 7.607554],[1280016000000, 7.607554],[1280102400000, 7.607554],[1280188800000, 7.621712],[1280275200000, 7.688321],[1280361600000, 7.658013],[1280448000000, 7.638939],[1280534400000, 7.642790]],
                tooltip: {valueSuffix: ' грн'},
                type: 'spline',
                step: false,
                color: '#0000CC',
                threshold: null
            }]
    });
});