$(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: 'Курс CAD, грн'},
            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: 'Курс CAD',
                data: [[1267401600000,7.55359],[1267488000000,7.57499],[1267574400000,7.71122],[1267660800000,7.72574],[1267747200000,7.75553],[1267833600000,7.73935],[1267920000000,7.73935],[1268006400000,7.73935],[1268092800000,7.73935],[1268179200000,7.75241],[1268265600000,7.77725],[1268352000000,7.76989],[1268438400000,7.83681],[1268524800000,7.83681],[1268611200000,7.83681],[1268697600000,7.82427],[1268784000000,7.85028],[1268870400000,7.89224],[1268956800000,7.89451],[1269043200000,7.89147],[1269129600000,7.89147],[1269216000000,7.89147],[1269302400000,7.77152],[1269388800000,7.80122],[1269475200000,7.75306],[1269561600000,7.79444],[1269648000000,7.71732],[1269734400000,7.71732],[1269820800000,7.71732],[1269907200000,7.76419],[1269993600000,7.78129]],
                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: [[1267401600000, 7.553595],[1267401600000, 7.553595],[1267488000000, 7.574986],[1267574400000, 7.711225],[1267660800000, 7.725739],[1267747200000, 7.755529],[1267833600000, 7.739346],[1267920000000, 7.739346],[1268006400000, 7.739346],[1268092800000, 7.739346],[1268179200000, 7.752406],[1268265600000, 7.777254],[1268352000000, 7.769895],[1268438400000, 7.836807],[1268524800000, 7.836807],[1268611200000, 7.836807],[1268697600000, 7.824268],[1268784000000, 7.850276],[1268870400000, 7.892235],[1268956800000, 7.894512],[1269043200000, 7.891467],[1269129600000, 7.891467],[1269216000000, 7.891467],[1269302400000, 7.771520],[1269388800000, 7.801220],[1269475200000, 7.753061],[1269561600000, 7.794440],[1269648000000, 7.717316],[1269734400000, 7.717316],[1269820800000, 7.717316],[1269907200000, 7.764195],[1269993600000, 7.781287]],
                tooltip: {valueSuffix: ' грн'},
                type: 'spline',
                step: false,
                color: '#0000CC',
                threshold: null
            }]
    });
});