$(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: [[1222819200000,0.469328],[1222905600000,0.472522],[1222992000000,0.473964],[1223078400000,0.474573],[1223164800000,0.474573],[1223251200000,0.474573],[1223337600000,0.474467],[1223424000000,0.476673],[1223510400000,0.479413],[1223596800000,0.478396],[1223683200000,0.477411],[1223769600000,0.477411],[1223856000000,0.477411],[1223942400000,0.477573],[1224028800000,0.477563],[1224115200000,0.47789],[1224201600000,0.482058],[1224288000000,0.48221],[1224374400000,0.48221],[1224460800000,0.48221],[1224547200000,0.484514],[1224633600000,0.486649],[1224720000000,0.493993],[1224806400000,0.499544],[1224892800000,0.505927],[1224979200000,0.505927],[1225065600000,0.505927],[1225152000000,0.517989],[1225238400000,0.532064],[1225324800000,0.556835],[1225411200000,0.556388]],
                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: [[1222819200000, 0.469328],[1222819200000, 0.469328],[1222905600000, 0.472522],[1222992000000, 0.473964],[1223078400000, 0.474573],[1223164800000, 0.474573],[1223251200000, 0.474573],[1223337600000, 0.474467],[1223424000000, 0.476673],[1223510400000, 0.479413],[1223596800000, 0.478396],[1223683200000, 0.477411],[1223769600000, 0.477411],[1223856000000, 0.477411],[1223942400000, 0.477573],[1224028800000, 0.477563],[1224115200000, 0.477890],[1224201600000, 0.482058],[1224288000000, 0.482210],[1224374400000, 0.482210],[1224460800000, 0.482210],[1224547200000, 0.484514],[1224633600000, 0.486649],[1224720000000, 0.493993],[1224806400000, 0.499544],[1224892800000, 0.505927],[1224979200000, 0.505927],[1225065600000, 0.505927],[1225152000000, 0.517989],[1225238400000, 0.532064],[1225324800000, 0.556835],[1225411200000, 0.556388]],
                tooltip: {valueSuffix: ' грн'},
                type: 'spline',
                step: false,
                color: '#0000CC',
                threshold: null
            }]
    });
});