diff --git a/public/js/reports/default/multi-year.js b/public/js/reports/default/multi-year.js
index 8e35176219..95cff4f05e 100644
--- a/public/js/reports/default/multi-year.js
+++ b/public/js/reports/default/multi-year.js
@@ -12,4 +12,15 @@ $(function () {
 function drawChart() {
     "use strict";
 
+    // income and expense over multi year:
+    columnChart('chart/report/in-out/' + reportType + '/' + startDate + '/' + endDate + '/' + accountIds, 'income-expenses-chart');
+    columnChart('chart/report/in-out-sum/' + reportType + '/' + startDate + '/' + endDate + '/' + accountIds, 'income-expenses-sum-chart');
+
+
+    $.each($('.account-chart'), function(i,v) {
+        var holder = $(v);
+        console.log(holder.data('id'));
+    });
+
+
 }
\ No newline at end of file
diff --git a/resources/twig/reports/default/multi-year.twig b/resources/twig/reports/default/multi-year.twig
index 8ff32098d3..5a7939b048 100644
--- a/resources/twig/reports/default/multi-year.twig
+++ b/resources/twig/reports/default/multi-year.twig
@@ -7,36 +7,41 @@
 {% block content %}
 
     <div class="row">
-        <div class="col-lg-12 col-md-12 col-sm-12">
+        <div class="col-lg-8 col-md-8 col-sm-12">
             <div class="box">
                 <div class="box-header with-border">
                     <h3 class="box-title">{{ 'incomeVsExpenses'|_ }}</h3>
                 </div>
                 <div class="box-body">
-                    {% if Config.get('firefly.chart') == 'google' %}
-                        <div id="income-expenses-chart-multi-year"></div>
-                    {% endif %}
-                    {% if Config.get('firefly.chart') == 'chartjs' %}
-                        <canvas id="income-expenses-chart-multi-year" style="width:100%;height:400px;"></canvas>
-                    {% endif %}
+                    <canvas id="income-expenses-chart" style="width:100%;height:400px;"></canvas>
+                </div>
+            </div>
+        </div>
+        <div class="col-lg-4 col-md-4 col-sm-12">
+            <div class="box">
+                <div class="box-header with-border">
+                    <h3 class="box-title">{{ 'incomeVsExpenses'|_ }}</h3>
+                </div>
+                <div class="box-body">
+                    <canvas id="income-expenses-sum-chart" style="width:100%;height:400px;"></canvas>
                 </div>
             </div>
         </div>
     </div>
 
     {% for account in accounts %}
-    <div class="row">
-        <div class="col-lg-12 col-md-12 col-sm-12">
-            <div class="box">
-                <div class="box-header with-border">
-                    <h3 class="box-title">{{ 'Asset account'|_ }}: {{ account.name }}</h3>
-                </div>
-                <div class="box-body">
-                    <canvas id="account-chart-{{ account.id }}" class="account-chart" data-id="{{ account.id }}" style="width:100%;height:400px;"></canvas>
+        <div class="row">
+            <div class="col-lg-12 col-md-12 col-sm-12">
+                <div class="box">
+                    <div class="box-header with-border">
+                        <h3 class="box-title">{{ 'Asset account'|_ }}: {{ account.name }}</h3>
+                    </div>
+                    <div class="box-body">
+                        <canvas id="account-chart-{{ account.id }}" class="account-chart" data-id="{{ account.id }}" style="width:100%;height:400px;"></canvas>
+                    </div>
                 </div>
             </div>
         </div>
-    </div>
     {% endfor %}
 
     <div class="row">
diff --git a/resources/twig/reports/default/year.twig b/resources/twig/reports/default/year.twig
index a27a0f13a5..a8ed93ff81 100644
--- a/resources/twig/reports/default/year.twig
+++ b/resources/twig/reports/default/year.twig
@@ -13,12 +13,7 @@
                     <h3 class="box-title">{{ 'incomeVsExpenses'|_ }}</h3>
                 </div>
                 <div class="box-body">
-                    {% if Config.get('firefly.chart') == 'google' %}
-                        <div id="income-expenses-chart"></div>
-                    {% endif %}
-                    {% if Config.get('firefly.chart') == 'chartjs' %}
-                        <canvas id="income-expenses-chart" style="width:100%;height:400px;"></canvas>
-                    {% endif %}
+                    <canvas id="income-expenses-chart" style="width:100%;height:400px;"></canvas>
                 </div>
             </div>
         </div>
@@ -28,12 +23,7 @@
                     <h3 class="box-title">{{ 'incomeVsExpenses'|_ }}</h3>
                 </div>
                 <div class="box-body">
-                    {% if Config.get('firefly.chart') == 'google' %}
-                        <div id="income-expenses-sum-chart"></div>
-                    {% endif %}
-                    {% if Config.get('firefly.chart') == 'chartjs' %}
-                        <canvas id="income-expenses-sum-chart" style="width:100%;height:400px;"></canvas>
-                    {% endif %}
+                    <canvas id="income-expenses-sum-chart" style="width:100%;height:400px;"></canvas>
                 </div>
             </div>
         </div>