$(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: [[1548979200000,21.0926],[1549065600000,20.9793],[1549152000000,20.9793],[1549238400000,20.9793],[1549324800000,20.9089],[1549411200000,20.7313],[1549497600000,20.4546],[1549584000000,20.3225],[1549670400000,20.2151],[1549756800000,20.2151],[1549843200000,20.2151],[1549929600000,20.3929],[1550016000000,20.3806],[1550102400000,20.4571],[1550188800000,20.4722],[1550275200000,20.5101],[1550361600000,20.5101],[1550448000000,20.5101],[1550534400000,20.5418],[1550620800000,20.513],[1550707200000,20.5421],[1550793600000,20.5062],[1550880000000,20.4308],[1550966400000,20.4308],[1551052800000,20.4308],[1551139200000,20.536],[1551225600000,20.404],[1551312000000,20.5413]],
                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: [[1548979200000, 21.092604],[1548979200000, 21.092604],[1549065600000, 20.979340],[1549152000000, 20.979340],[1549238400000, 20.979340],[1549324800000, 20.908944],[1549411200000, 20.731308],[1549497600000, 20.454648],[1549584000000, 20.322513],[1549670400000, 20.215083],[1549756800000, 20.215083],[1549843200000, 20.215083],[1549929600000, 20.392916],[1550016000000, 20.380563],[1550102400000, 20.457120],[1550188800000, 20.472168],[1550275200000, 20.510147],[1550361600000, 20.510147],[1550448000000, 20.510147],[1550534400000, 20.541758],[1550620800000, 20.512980],[1550707200000, 20.542066],[1550793600000, 20.506178],[1550880000000, 20.430760],[1550966400000, 20.430760],[1551052800000, 20.430760],[1551139200000, 20.535976],[1551225600000, 20.403996],[1551312000000, 20.541345]],
                tooltip: {valueSuffix: ' грн'},
                type: 'spline',
                step: false,
                color: '#0000CC',
                threshold: null
            }]
    });
});