$(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: [[1543622400000,28.2228],[1543708800000,28.2228],[1543795200000,28.2228],[1543881600000,28.1727],[1543968000000,28.1259],[1544054400000,27.9757],[1544140800000,27.8796],[1544227200000,27.8242],[1544313600000,27.8242],[1544400000000,27.8242],[1544486400000,27.7768],[1544572800000,27.7132],[1544659200000,27.8081],[1544745600000,27.867],[1544832000000,27.8371],[1544918400000,27.8371],[1545004800000,27.8371],[1545091200000,27.8861],[1545177600000,27.8479],[1545264000000,27.717],[1545350400000,27.5769],[1545436800000,27.4339],[1545523200000,27.4339],[1545609600000,27.4339],[1545696000000,27.4339],[1545782400000,27.4339],[1545868800000,27.2678],[1545955200000,27.455],[1546041600000,27.6883],[1546128000000,27.6883],[1546214400000,27.6883]],
                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: [[1543622400000, 28.222764],[1543622400000, 28.222764],[1543708800000, 28.222764],[1543795200000, 28.222764],[1543881600000, 28.172738],[1543968000000, 28.125926],[1544054400000, 27.975656],[1544140800000, 27.879569],[1544227200000, 27.824246],[1544313600000, 27.824246],[1544400000000, 27.824246],[1544486400000, 27.776824],[1544572800000, 27.713165],[1544659200000, 27.808135],[1544745600000, 27.867006],[1544832000000, 27.837123],[1544918400000, 27.837123],[1545004800000, 27.837123],[1545091200000, 27.886082],[1545177600000, 27.847943],[1545264000000, 27.717006],[1545350400000, 27.576874],[1545436800000, 27.433934],[1545523200000, 27.433934],[1545609600000, 27.433934],[1545696000000, 27.433934],[1545782400000, 27.433934],[1545868800000, 27.267788],[1545955200000, 27.454979],[1546041600000, 27.688264],[1546128000000, 27.688264],[1546214400000, 27.688264]],
                tooltip: {valueSuffix: ' грн'},
                type: 'spline',
                step: false,
                color: '#0000CC',
                threshold: null
            }]
    });
});