$(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: 'Курс MDL, грн'},
            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: 'Курс MDL',
                data: [[1241136000000,0.6815],[1241222400000,0.6815],[1241308800000,null],[1241395200000,0.6815],[1241481600000,0.6815],[1241568000000,0.682334],[1241654400000,0.682539],[1241740800000,0.683989],[1241827200000,0.680304],[1241913600000,0.680304],[1242000000000,0.680304],[1242086400000,0.680304],[1242172800000,0.679709],[1242259200000,0.676743],[1242345600000,0.67676],[1242432000000,0.676888],[1242518400000,0.676888],[1242604800000,0.676888],[1242691200000,0.677259],[1242777600000,0.677224],[1242864000000,0.677324],[1242950400000,0.677511],[1243036800000,0.677393],[1243123200000,0.677393],[1243209600000,0.677393],[1243296000000,0.677484],[1243382400000,0.678989],[1243468800000,0.679013],[1243555200000,0.679062],[1243641600000,0.679295],[1243728000000,0.679295]],
                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: [[1241136000000, 0.681500],[1241136000000, 0.681500],[1241222400000, 0.681500],[1241395200000, 0.681500],[1241481600000, 0.681500],[1241568000000, 0.682334],[1241654400000, 0.682539],[1241740800000, 0.683989],[1241827200000, 0.680304],[1241913600000, 0.680304],[1242000000000, 0.680304],[1242086400000, 0.680304],[1242172800000, 0.679709],[1242259200000, 0.676743],[1242345600000, 0.676760],[1242432000000, 0.676888],[1242518400000, 0.676888],[1242604800000, 0.676888],[1242691200000, 0.677259],[1242777600000, 0.677224],[1242864000000, 0.677324],[1242950400000, 0.677511],[1243036800000, 0.677393],[1243123200000, 0.677393],[1243209600000, 0.677393],[1243296000000, 0.677484],[1243382400000, 0.678989],[1243468800000, 0.679013],[1243555200000, 0.679062],[1243641600000, 0.679295],[1243728000000, 0.679295]],
                tooltip: {valueSuffix: ' грн'},
                type: 'spline',
                step: false,
                color: '#0000CC',
                threshold: null
            }]
    });
});