$(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: [[962409600000,5.4378],[962496000000,5.4378],[962582400000,5.4378],[962668800000,5.4382],[962755200000,5.4382],[962841600000,5.4383],[962928000000,5.4385],[963014400000,5.4385],[963100800000,5.4385],[963187200000,5.4385],[963273600000,5.4385],[963360000000,5.4386],[963446400000,5.4387],[963532800000,5.4387],[963619200000,5.4387],[963705600000,5.4387],[963792000000,5.4387],[963878400000,5.4386],[963964800000,5.4386],[964051200000,5.4387],[964137600000,5.4388],[964224000000,5.4389],[964310400000,5.4389],[964396800000,5.4389],[964483200000,5.4389],[964569600000,5.4388],[964656000000,5.4388],[964742400000,5.4388],[964828800000,5.4387],[964915200000,5.4387],[965001600000,5.4387]],
                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: [[962409600000, 5.437800],[962409600000, 5.437800],[962496000000, 5.437800],[962582400000, 5.437800],[962668800000, 5.438200],[962755200000, 5.438200],[962841600000, 5.438300],[962928000000, 5.438500],[963014400000, 5.438500],[963100800000, 5.438500],[963187200000, 5.438500],[963273600000, 5.438500],[963360000000, 5.438600],[963446400000, 5.438700],[963532800000, 5.438700],[963619200000, 5.438700],[963705600000, 5.438700],[963792000000, 5.438700],[963878400000, 5.438600],[963964800000, 5.438600],[964051200000, 5.438700],[964137600000, 5.438800],[964224000000, 5.438900],[964310400000, 5.438900],[964396800000, 5.438900],[964483200000, 5.438900],[964569600000, 5.438800],[964656000000, 5.438800],[964742400000, 5.438800],[964828800000, 5.438700],[964915200000, 5.438700],[965001600000, 5.438700]],
                tooltip: {valueSuffix: ' грн'},
                type: 'spline',
                step: false,
                color: '#0000CC',
                threshold: null
            }]
    });
});