$(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: [[1222819200000,4.6475],[1222905600000,4.59058],[1222992000000,4.57332],[1223078400000,4.52142],[1223164800000,4.52142],[1223251200000,4.52142],[1223337600000,4.48981],[1223424000000,4.44761],[1223510400000,4.47837],[1223596800000,4.37801],[1223683200000,4.21807],[1223769600000,4.21807],[1223856000000,4.21807],[1223942400000,4.21966],[1224028800000,4.32331],[1224115200000,4.23526],[1224201600000,4.17576],[1224288000000,4.17453],[1224374400000,4.17453],[1224460800000,4.17453],[1224547200000,4.20914],[1224633600000,4.1469],[1224720000000,4.06333],[1224806400000,4.05106],[1224892800000,4.11099],[1224979200000,4.11099],[1225065600000,4.11099],[1225152000000,4.1744],[1225238400000,4.27032],[1225324800000,4.57607],[1225411200000,4.78351]],
                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, 4.647495],[1222819200000, 4.647495],[1222905600000, 4.590584],[1222992000000, 4.573321],[1223078400000, 4.521422],[1223164800000, 4.521422],[1223251200000, 4.521422],[1223337600000, 4.489806],[1223424000000, 4.447609],[1223510400000, 4.478370],[1223596800000, 4.378009],[1223683200000, 4.218072],[1223769600000, 4.218072],[1223856000000, 4.218072],[1223942400000, 4.219659],[1224028800000, 4.323312],[1224115200000, 4.235255],[1224201600000, 4.175763],[1224288000000, 4.174535],[1224374400000, 4.174535],[1224460800000, 4.174535],[1224547200000, 4.209142],[1224633600000, 4.146901],[1224720000000, 4.063331],[1224806400000, 4.051059],[1224892800000, 4.110987],[1224979200000, 4.110987],[1225065600000, 4.110987],[1225152000000, 4.174400],[1225238400000, 4.270316],[1225324800000, 4.576069],[1225411200000, 4.783514]],
                tooltip: {valueSuffix: ' грн'},
                type: 'spline',
                step: false,
                color: '#0000CC',
                threshold: null
            }]
    });
});