$(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: 'Курс EUR, грн'},
            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: 'Курс EUR',
                data: [[1109635200000,7.02488],[1109721600000,7.00289],[1109808000000,6.9417],[1109894400000,6.96448],[1109980800000,6.94833],[1110067200000,6.94833],[1110153600000,6.94833],[1110240000000,6.94833],[1110326400000,6.94833],[1110412800000,7.07004],[1110499200000,7.10288],[1110585600000,7.10511],[1110672000000,7.10511],[1110758400000,7.10511],[1110844800000,7.08034],[1110931200000,7.08496],[1111017600000,7.07927],[1111104000000,7.08097],[1111190400000,7.02658],[1111276800000,7.02658],[1111363200000,7.02658],[1111449600000,null],[1111536000000,6.97063],[1111622400000,6.89144],[1111708800000,6.85592],[1111795200000,6.85592],[1111881600000,6.85592],[1111968000000,6.85592],[1112054400000,6.85592],[1112140800000,6.82609],[1112227200000,6.83494]],
                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: [[1109635200000, 7.024884],[1109635200000, 7.024884],[1109721600000, 7.002894],[1109808000000, 6.941696],[1109894400000, 6.964480],[1109980800000, 6.948327],[1110067200000, 6.948327],[1110153600000, 6.948327],[1110240000000, 6.948327],[1110326400000, 6.948327],[1110412800000, 7.070044],[1110499200000, 7.102881],[1110585600000, 7.105114],[1110672000000, 7.105114],[1110758400000, 7.105114],[1110844800000, 7.080340],[1110931200000, 7.084960],[1111017600000, 7.079265],[1111104000000, 7.080975],[1111190400000, 7.026583],[1111276800000, 7.026583],[1111363200000, 7.026583],[1111536000000, 6.970629],[1111622400000, 6.891444],[1111708800000, 6.855924],[1111795200000, 6.855924],[1111881600000, 6.855924],[1111968000000, 6.855924],[1112054400000, 6.855924],[1112140800000, 6.826091],[1112227200000, 6.834939]],
                tooltip: {valueSuffix: ' грн'},
                type: 'spline',
                step: false,
                color: '#0000CC',
                threshold: null
            }]
    });
});