$(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: [[1417392000000,14.9693],[1417478400000,15.0564],[1417564800000,15.106],[1417651200000,15.1856],[1417737600000,15.2967],[1417824000000,15.4155],[1417910400000,15.4155],[1417996800000,15.4155],[1418083200000,15.5257],[1418169600000,15.5775],[1418256000000,15.647],[1418342400000,15.6723],[1418428800000,15.7107],[1418515200000,15.7107],[1418601600000,15.7107],[1418688000000,15.7604],[1418774400000,15.7739],[1418860800000,15.7789],[1418947200000,null],[1419033600000,15.7694],[1419120000000,15.7694],[1419206400000,15.7694],[1419292800000,15.8544],[1419379200000,15.6617],[1419465600000,15.7702],[1419552000000,15.7709],[1419638400000,15.7689],[1419724800000,15.7689],[1419811200000,15.7689],[1419897600000,15.7686],[1419984000000,15.7686]],
                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: [[1417392000000, 14.969269],[1417392000000, 14.969269],[1417478400000, 15.056413],[1417564800000, 15.106043],[1417651200000, 15.185623],[1417737600000, 15.296657],[1417824000000, 15.415499],[1417910400000, 15.415499],[1417996800000, 15.415499],[1418083200000, 15.525710],[1418169600000, 15.577517],[1418256000000, 15.646999],[1418342400000, 15.672305],[1418428800000, 15.710701],[1418515200000, 15.710701],[1418601600000, 15.710701],[1418688000000, 15.760382],[1418774400000, 15.773905],[1418860800000, 15.778907],[1419033600000, 15.769370],[1419120000000, 15.769370],[1419206400000, 15.769370],[1419292800000, 15.854396],[1419379200000, 15.661713],[1419465600000, 15.770241],[1419552000000, 15.770870],[1419638400000, 15.768865],[1419724800000, 15.768865],[1419811200000, 15.768865],[1419897600000, 15.768556],[1419984000000, 15.768556]],
                tooltip: {valueSuffix: ' грн'},
                type: 'spline',
                step: false,
                color: '#0000CC',
                threshold: null
            }]
    });
});