diff --git a/public/js/ff/reports/default/month.js b/public/js/ff/reports/default/month.js
index 9f8e67d060..df694d6a1f 100644
--- a/public/js/ff/reports/default/month.js
+++ b/public/js/ff/reports/default/month.js
@@ -22,17 +22,10 @@
 
 $(function () {
     "use strict";
-    drawChart();
+    lineChart(accountChartUri, 'account-balances-chart');
 
     loadAjaxPartial('categoryReport', categoryReportUri);
     loadAjaxPartial('budgetReport', budgetReportUri);
     loadAjaxPartial('balanceReport', balanceReportUri);
 });
 
-function drawChart() {
-    "use strict";
-
-    // month view:
-    // draw account chart
-    lineChart(accountChartUri, 'account-balances-chart');
-}
\ No newline at end of file
diff --git a/public/js/ff/reports/default/multi-year.js b/public/js/ff/reports/default/multi-year.js
index 30ae613b0b..f2a56fd888 100644
--- a/public/js/ff/reports/default/multi-year.js
+++ b/public/js/ff/reports/default/multi-year.js
@@ -22,18 +22,12 @@
 
 $(function () {
     "use strict";
-    drawChart();
+    lineChart(netWorthUri, 'net-worth');
+    columnChart(opChartUri, 'income-expenses-chart');
+    columnChart(sumChartUri, 'income-expenses-sum-chart');
 
     loadAjaxPartial('budgetPeriodReport', budgetPeriodReportUri);
     loadAjaxPartial('categoryExpense', categoryExpenseUri);
     loadAjaxPartial('categoryIncome', categoryIncomeUri);
 });
 
-function drawChart() {
-    "use strict";
-
-    // income and expense over multi year:
-    lineChart(netWorthUri, 'net-worth');
-    columnChart(opChartUri, 'income-expenses-chart');
-    columnChart(sumChartUri, 'income-expenses-sum-chart');
-}
diff --git a/public/js/ff/reports/default/year.js b/public/js/ff/reports/default/year.js
index 621ee4a0fe..79887f7397 100644
--- a/public/js/ff/reports/default/year.js
+++ b/public/js/ff/reports/default/year.js
@@ -22,19 +22,12 @@
 
 $(function () {
     "use strict";
-    drawChart();
+    lineChart(netWorthUri, 'net-worth');
+    columnChart(opChartUri, 'income-expenses-chart');
+    columnChart(sumChartUri, 'income-expenses-sum-chart');
 
     loadAjaxPartial('budgetPeriodReport', budgetPeriodReportUri);
     loadAjaxPartial('categoryExpense', categoryExpenseUri);
     loadAjaxPartial('categoryIncome', categoryIncomeUri);
 });
 
-function drawChart() {
-    "use strict";
-
-    lineChart(netWorthUri, 'net-worth');
-    columnChart(opChartUri, 'income-expenses-chart');
-    columnChart(sumChartUri, 'income-expenses-sum-chart');
-
-
-}
diff --git a/resources/views/reports/default/multi-year.twig b/resources/views/reports/default/multi-year.twig
index 26b116700b..5cf206ed6e 100644
--- a/resources/views/reports/default/multi-year.twig
+++ b/resources/views/reports/default/multi-year.twig
@@ -9,7 +9,7 @@
     {# charts #}
     <div class="row">
         <div class="col-lg-8 col-md-8 col-sm-12">
-            <div class="box">
+            <div class="box" id="year-inc-exp">
                 <div class="box-header with-border">
                     <h3 class="box-title">{{ 'incomeVsExpenses'|_ }}</h3>
                 </div>
@@ -19,7 +19,7 @@
             </div>
         </div>
         <div class="col-lg-4 col-md-4 col-sm-12">
-            <div class="box">
+            <div class="box" id="year-inc-exp-sum">
                 <div class="box-header with-border">
                     <h3 class="box-title">{{ 'incomeVsExpenses'|_ }}</h3>
                 </div>
@@ -59,8 +59,9 @@
             </div>
         </div>
     </div>
+
+    {# block with income #}
     <div class="row">
-        {# block with income #}
         <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
             <div class="box">
                 <div class="box-header with-border">
diff --git a/resources/views/reports/default/year.twig b/resources/views/reports/default/year.twig
index c7fbf97539..fa702a12e4 100644
--- a/resources/views/reports/default/year.twig
+++ b/resources/views/reports/default/year.twig
@@ -24,11 +24,12 @@
                     <h3 class="box-title">{{ 'incomeVsExpenses'|_ }}</h3>
                 </div>
                 <div class="box-body">
-                    <canvas height="400" id="income-expenses-sum-chart" style="width:100%;height:400px;"></canvas>
+                    <canvas id="income-expenses-sum-chart" style="width:100%;height:400px;" height="400" width="100%"></canvas>
                 </div>
             </div>
         </div>
     </div>
+
     {# balances and inc vs exp #}
     <div class="row">
         <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">