$(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: 'Курс GBP, грн'},
            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: 'Курс GBP',
                data: [[1009843200000,7.6739],[1009929600000,7.6739],[1010016000000,7.64737],[1010102400000,7.63762],[1010188800000,7.63762],[1010275200000,7.63762],[1010361600000,7.63762],[1010448000000,7.63762],[1010534400000,7.65364],[1010620800000,7.65786],[1010707200000,7.66653],[1010793600000,7.66653],[1010880000000,7.66653],[1010966400000,7.66653],[1011052800000,7.70198],[1011139200000,7.68898],[1011225600000,7.63637],[1011312000000,7.62931],[1011398400000,7.62931],[1011484800000,7.62931],[1011571200000,7.62931],[1011657600000,7.63663],[1011744000000,7.59774],[1011830400000,7.59677],[1011916800000,7.52405],[1012003200000,7.52405],[1012089600000,7.52405],[1012176000000,7.52405],[1012262400000,7.48689],[1012348800000,7.52604],[1012435200000,7.52045]],
                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: [[1009843200000, 7.673900],[1009843200000, 7.673900],[1009929600000, 7.673900],[1010016000000, 7.647370],[1010102400000, 7.637620],[1010188800000, 7.637620],[1010275200000, 7.637620],[1010361600000, 7.637620],[1010448000000, 7.637620],[1010534400000, 7.653640],[1010620800000, 7.657860],[1010707200000, 7.666530],[1010793600000, 7.666530],[1010880000000, 7.666530],[1010966400000, 7.666530],[1011052800000, 7.701980],[1011139200000, 7.688980],[1011225600000, 7.636370],[1011312000000, 7.629310],[1011398400000, 7.629310],[1011484800000, 7.629310],[1011571200000, 7.629310],[1011657600000, 7.636630],[1011744000000, 7.597740],[1011830400000, 7.596770],[1011916800000, 7.524050],[1012003200000, 7.524050],[1012089600000, 7.524050],[1012176000000, 7.524050],[1012262400000, 7.486890],[1012348800000, 7.526040],[1012435200000, 7.520450]],
                tooltip: {valueSuffix: ' грн'},
                type: 'spline',
                step: false,
                color: '#0000CC',
                threshold: null
            }]
    });
});