$(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: 'Курс CNY, грн'},
            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: 'Курс CNY',
                data: [[1554076800000,4.05446],[1554163200000,4.05141],[1554249600000,4.01396],[1554336000000,4.03687],[1554422400000,4.0232],[1554508800000,3.98496],[1554595200000,3.98496],[1554681600000,3.98496],[1554768000000,3.96554],[1554854400000,3.97754],[1554940800000,3.98486],[1555027200000,3.99394],[1555113600000,3.98251],[1555200000000,3.98251],[1555286400000,3.98251],[1555372800000,3.99784],[1555459200000,3.98301],[1555545600000,3.98969],[1555632000000,4.0019],[1555718400000,4.00434],[1555804800000,4.00434],[1555891200000,4.00434],[1555977600000,3.99262],[1556064000000,3.97192],[1556150400000,3.95855],[1556236800000,3.94535],[1556323200000,3.93305],[1556409600000,3.93305],[1556496000000,3.93305],[1556582400000,3.93305]],
                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: [[1554076800000, 4.054462],[1554076800000, 4.054462],[1554163200000, 4.051407],[1554249600000, 4.013958],[1554336000000, 4.036873],[1554422400000, 4.023200],[1554508800000, 3.984957],[1554595200000, 3.984957],[1554681600000, 3.984957],[1554768000000, 3.965537],[1554854400000, 3.977538],[1554940800000, 3.984860],[1555027200000, 3.993936],[1555113600000, 3.982509],[1555200000000, 3.982509],[1555286400000, 3.982509],[1555372800000, 3.997836],[1555459200000, 3.983010],[1555545600000, 3.989685],[1555632000000, 4.001904],[1555718400000, 4.004336],[1555804800000, 4.004336],[1555891200000, 4.004336],[1555977600000, 3.992616],[1556064000000, 3.971924],[1556150400000, 3.958547],[1556236800000, 3.945351],[1556323200000, 3.933054],[1556409600000, 3.933054],[1556496000000, 3.933054],[1556582400000, 3.933054]],
                tooltip: {valueSuffix: ' грн'},
                type: 'spline',
                step: false,
                color: '#0000CC',
                threshold: null
            }]
    });
});