google.load('visualization', '1', {'packages':['corechart']});

function drawSpendingPerWeekLineChart(response) {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Week Beginning');
    data.addColumn('number', 'Expenditure');
    data.addColumn('number', 'Moving Average');

    var parsedJSON = JSON.parse(response);
    for (var i = 0; i < parsedJSON.length; i++){
        data.addRow([
            parsedJSON[i].weekBeginning,
            parseFloat(parseFloat(parsedJSON[i].cost).toFixed(2)),
            parseFloat(parseFloat(parsedJSON[i].movingAverage).toFixed(2))
        ]);
    }

    var options = {
        legend: {position:'none'},
        'chartArea': {'width': '85%', 'height':'80%'},
        vAxis: {format:'£#'} ,
        hAxis: {title: "Date" , slantedText:true, slantedTextAngle:90 }
    };

    var chart = new google.visualization.LineChart(document.getElementById('perWeek_chart_div'));
    chart.draw(data, options);
}

function drawCharts() {
    $.get("/purchase/getspendingsperweek", function (response) {
    }).success(function (response) {
        drawSpendingPerWeekLineChart(response);
    });
    return false;
}