$(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: [[986083200000,5.4192],[986169600000,5.4192],[986256000000,5.4198],[986342400000,5.4204],[986428800000,5.4204],[986515200000,5.4204],[986601600000,5.4198],[986688000000,5.4198],[986774400000,5.4198],[986860800000,5.4195],[986947200000,5.4191],[987033600000,5.4188],[987120000000,5.4183],[987206400000,5.418],[987292800000,5.418],[987379200000,5.418],[987465600000,5.418],[987552000000,5.419],[987638400000,5.419],[987724800000,5.4177],[987811200000,5.4171],[987897600000,null],[987984000000,5.4171],[988070400000,5.4168],[988156800000,5.4166],[988243200000,5.4163],[988329600000,5.4161],[988416000000,5.4158],[988502400000,5.4158],[988588800000,5.4158]],
                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: [[986083200000, 5.419200],[986083200000, 5.419200],[986169600000, 5.419200],[986256000000, 5.419800],[986342400000, 5.420400],[986428800000, 5.420400],[986515200000, 5.420400],[986601600000, 5.419800],[986688000000, 5.419800],[986774400000, 5.419800],[986860800000, 5.419500],[986947200000, 5.419100],[987033600000, 5.418800],[987120000000, 5.418300],[987206400000, 5.418000],[987292800000, 5.418000],[987379200000, 5.418000],[987465600000, 5.418000],[987552000000, 5.419000],[987638400000, 5.419000],[987724800000, 5.417700],[987811200000, 5.417100],[987984000000, 5.417100],[988070400000, 5.416800],[988156800000, 5.416600],[988243200000, 5.416300],[988329600000, 5.416100],[988416000000, 5.415800],[988502400000, 5.415800],[988588800000, 5.415800]],
                tooltip: {valueSuffix: ' грн'},
                type: 'spline',
                step: false,
                color: '#0000CC',
                threshold: null
            }]
    });
});