$(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: [[1485907200000,20.72],[1485993600000,20.665],[1486080000000,20.7598],[1486166400000,20.7405],[1486252800000,20.7405],[1486339200000,20.7405],[1486425600000,20.8793],[1486512000000,20.5064],[1486598400000,20.4723],[1486684800000,20.6159],[1486771200000,20.7076],[1486857600000,20.7076],[1486944000000,20.7076],[1487030400000,20.7471],[1487116800000,20.8979],[1487203200000,20.6327],[1487289600000,20.7345],[1487376000000,20.664],[1487462400000,20.664],[1487548800000,20.664],[1487635200000,20.6136],[1487721600000,20.5887],[1487808000000,20.4829],[1487894400000,20.5134],[1487980800000,20.5792],[1488067200000,20.5792],[1488153600000,20.5792],[1488240000000,20.6219]],
                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: [[1485907200000, 20.720006],[1485907200000, 20.720006],[1485993600000, 20.665017],[1486080000000, 20.759806],[1486166400000, 20.740536],[1486252800000, 20.740536],[1486339200000, 20.740536],[1486425600000, 20.879273],[1486512000000, 20.506358],[1486598400000, 20.472311],[1486684800000, 20.615927],[1486771200000, 20.707585],[1486857600000, 20.707585],[1486944000000, 20.707585],[1487030400000, 20.747140],[1487116800000, 20.897934],[1487203200000, 20.632738],[1487289600000, 20.734473],[1487376000000, 20.663965],[1487462400000, 20.663965],[1487548800000, 20.663965],[1487635200000, 20.613635],[1487721600000, 20.588671],[1487808000000, 20.482937],[1487894400000, 20.513424],[1487980800000, 20.579163],[1488067200000, 20.579163],[1488153600000, 20.579163],[1488240000000, 20.621875]],
                tooltip: {valueSuffix: ' грн'},
                type: 'spline',
                step: false,
                color: '#0000CC',
                threshold: null
            }]
    });
});