Include chart with report

public/js/ff/reports/default/all.js

@@ -89,8 +89,11 @@ function displayAjaxPartial(data, holder) {
     // trigger list thing
     listLengthInitial();
 
-    // budget thing
+    // budget thing in year and multi year report:
     $('.budget-chart-activate').unbind('click').on('click', clickBudgetChart);
+
+    // category thing in year and multi year report:
+    $('.category-chart-activate').unbind('click').on('click', clickCategoryChart);
 }
 
 function failAjaxPartial(uri, holder) {
@@ -100,6 +103,18 @@ function failAjaxPartial(uri, holder) {
 
 }
 
+function clickCategoryChart(e) {
+    "use strict";
+    var link = $(e.target);
+    var categoryId = link.data('category');
+
+    // this url is different from the one below. this is something that must be fixed
+    var URL = 'chart/category/' + categoryId + '/report-period/' + startDate + '/' + endDate + '/' + accountIds;
+    var container = 'category_chart';
+    columnChart(URL, container);
+    return false;
+}
+
 function clickBudgetChart(e) {
     "use strict";
     var link = $(e.target);

public/js/ff/reports/default/multi-year.js

@@ -6,6 +6,7 @@ $(function () {
     drawChart();
 
     loadAjaxPartial('budgetPeriodReport', budgetPeriodReportUri);
+    loadAjaxPartial('categoryPeriodReport', categoryPeriodReportUri);
 });
 
 function drawChart() {