$(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: [[1470009600000,3.72998],[1470096000000,3.7321],[1470182400000,3.74289],[1470268800000,3.7441],[1470355200000,3.7354],[1470441600000,3.73407],[1470528000000,3.73407],[1470614400000,3.73407],[1470700800000,3.72624],[1470787200000,3.72553],[1470873600000,3.74211],[1470960000000,3.74379],[1471046400000,3.76745],[1471132800000,3.76745],[1471219200000,3.76745],[1471305600000,3.78404],[1471392000000,3.78544],[1471478400000,3.78082],[1471564800000,3.79612],[1471651200000,3.7977],[1471737600000,3.7977],[1471824000000,3.7977],[1471910400000,3.80267],[1471996800000,3.81057],[1472083200000,3.81057],[1472169600000,3.80548],[1472256000000,3.81375],[1472342400000,3.81375],[1472428800000,3.81375],[1472515200000,3.81606],[1472601600000,3.84207]],
                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: [[1470009600000, 3.729977],[1470009600000, 3.729977],[1470096000000, 3.732104],[1470182400000, 3.742888],[1470268800000, 3.744097],[1470355200000, 3.735399],[1470441600000, 3.734068],[1470528000000, 3.734068],[1470614400000, 3.734068],[1470700800000, 3.726240],[1470787200000, 3.725531],[1470873600000, 3.742113],[1470960000000, 3.743791],[1471046400000, 3.767451],[1471132800000, 3.767451],[1471219200000, 3.767451],[1471305600000, 3.784042],[1471392000000, 3.785436],[1471478400000, 3.780818],[1471564800000, 3.796124],[1471651200000, 3.797698],[1471737600000, 3.797698],[1471824000000, 3.797698],[1471910400000, 3.802671],[1471996800000, 3.810566],[1472083200000, 3.810566],[1472169600000, 3.805483],[1472256000000, 3.813752],[1472342400000, 3.813752],[1472428800000, 3.813752],[1472515200000, 3.816060],[1472601600000, 3.842074]],
                tooltip: {valueSuffix: ' грн'},
                type: 'spline',
                step: false,
                color: '#0000CC',
                threshold: null
            }]
    });
});