$(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: 'Курс CAD, грн'},
            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: 'Курс CAD',
                data: [[1525132800000,20.3345],[1525219200000,20.3345],[1525305600000,20.3911],[1525392000000,20.39],[1525478400000,20.4316],[1525564800000,20.4316],[1525651200000,20.4316],[1525737600000,20.4007],[1525824000000,20.2117],[1525910400000,20.2117],[1525996800000,20.5056],[1526083200000,20.5729],[1526169600000,20.5729],[1526256000000,20.5729],[1526342400000,20.5046],[1526428800000,20.4198],[1526515200000,20.3705],[1526601600000,20.5053],[1526688000000,20.4358],[1526774400000,20.4358],[1526860800000,20.4358],[1526947200000,20.2601],[1527033600000,20.4091],[1527120000000,20.2106],[1527206400000,20.2627],[1527292800000,20.1835],[1527379200000,20.1835],[1527465600000,20.1835],[1527552000000,20.1835],[1527638400000,20.0326],[1527724800000,20.1426]],
                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: [[1525132800000, 20.334521],[1525132800000, 20.334521],[1525219200000, 20.334521],[1525305600000, 20.391136],[1525392000000, 20.390036],[1525478400000, 20.431589],[1525564800000, 20.431589],[1525651200000, 20.431589],[1525737600000, 20.400695],[1525824000000, 20.211715],[1525910400000, 20.211715],[1525996800000, 20.505568],[1526083200000, 20.572945],[1526169600000, 20.572945],[1526256000000, 20.572945],[1526342400000, 20.504598],[1526428800000, 20.419788],[1526515200000, 20.370495],[1526601600000, 20.505336],[1526688000000, 20.435794],[1526774400000, 20.435794],[1526860800000, 20.435794],[1526947200000, 20.260072],[1527033600000, 20.409087],[1527120000000, 20.210642],[1527206400000, 20.262654],[1527292800000, 20.183478],[1527379200000, 20.183478],[1527465600000, 20.183478],[1527552000000, 20.183478],[1527638400000, 20.032646],[1527724800000, 20.142571]],
                tooltip: {valueSuffix: ' грн'},
                type: 'spline',
                step: false,
                color: '#0000CC',
                threshold: null
            }]
    });
});