$(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: [[1177977600000,0.406907],[1178064000000,0.406907],[1178150400000,0.406907],[1178236800000,0.407534],[1178323200000,0.407969],[1178409600000,0.407969],[1178496000000,0.407969],[1178582400000,0.4085],[1178668800000,0.409421],[1178755200000,0.409421],[1178841600000,0.410139],[1178928000000,0.410977],[1179014400000,0.410977],[1179100800000,0.410977],[1179187200000,0.410967],[1179273600000,0.41089],[1179360000000,0.41084],[1179446400000,0.410723],[1179532800000,0.410279],[1179619200000,0.410279],[1179705600000,0.410279],[1179792000000,0.409344],[1179878400000,0.407676],[1179964800000,0.406976],[1180051200000,0.405564],[1180137600000,0.405528],[1180224000000,0.405528],[1180310400000,0.405528],[1180396800000,0.405528],[1180483200000,0.405733],[1180569600000,0.406229]],
                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: [[1177977600000, 0.406907],[1177977600000, 0.406907],[1178064000000, 0.406907],[1178150400000, 0.406907],[1178236800000, 0.407534],[1178323200000, 0.407969],[1178409600000, 0.407969],[1178496000000, 0.407969],[1178582400000, 0.408500],[1178668800000, 0.409421],[1178755200000, 0.409421],[1178841600000, 0.410139],[1178928000000, 0.410977],[1179014400000, 0.410977],[1179100800000, 0.410977],[1179187200000, 0.410967],[1179273600000, 0.410890],[1179360000000, 0.410840],[1179446400000, 0.410723],[1179532800000, 0.410279],[1179619200000, 0.410279],[1179705600000, 0.410279],[1179792000000, 0.409344],[1179878400000, 0.407676],[1179964800000, 0.406976],[1180051200000, 0.405564],[1180137600000, 0.405528],[1180224000000, 0.405528],[1180310400000, 0.405528],[1180396800000, 0.405528],[1180483200000, 0.405733],[1180569600000, 0.406229]],
                tooltip: {valueSuffix: ' грн'},
                type: 'spline',
                step: false,
                color: '#0000CC',
                threshold: null
            }]
    });
});