$(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: 'Курс USD, грн'},
            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: 'Курс USD',
                data: [[1328054400000,7.9897],[1328140800000,7.9897],[1328227200000,7.9897],[1328313600000,7.9897],[1328400000000,7.9897],[1328486400000,7.9897],[1328572800000,7.9897],[1328659200000,7.9897],[1328745600000,7.9899],[1328832000000,7.9899],[1328918400000,7.9899],[1329004800000,7.9899],[1329091200000,7.9899],[1329177600000,7.9877],[1329264000000,7.9881],[1329350400000,7.9881],[1329436800000,7.9875],[1329523200000,7.9883],[1329609600000,7.9883],[1329696000000,7.9883],[1329782400000,7.9875],[1329868800000,7.9874],[1329955200000,7.9871],[1330041600000,7.987],[1330128000000,7.9868],[1330214400000,7.9868],[1330300800000,7.9868],[1330387200000,7.9867],[1330473600000,7.9867]],
                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: [[1328054400000, 7.989700],[1328054400000, 7.989700],[1328140800000, 7.989700],[1328227200000, 7.989700],[1328313600000, 7.989700],[1328400000000, 7.989700],[1328486400000, 7.989700],[1328572800000, 7.989700],[1328659200000, 7.989700],[1328745600000, 7.989900],[1328832000000, 7.989900],[1328918400000, 7.989900],[1329004800000, 7.989900],[1329091200000, 7.989900],[1329177600000, 7.987700],[1329264000000, 7.988100],[1329350400000, 7.988100],[1329436800000, 7.987500],[1329523200000, 7.988300],[1329609600000, 7.988300],[1329696000000, 7.988300],[1329782400000, 7.987500],[1329868800000, 7.987400],[1329955200000, 7.987100],[1330041600000, 7.987000],[1330128000000, 7.986800],[1330214400000, 7.986800],[1330300800000, 7.986800],[1330387200000, 7.986700],[1330473600000, 7.986700]],
                tooltip: {valueSuffix: ' грн'},
                type: 'spline',
                step: false,
                color: '#0000CC',
                threshold: null
            }]
    });
});