diff --git a/app/views/budgets/show.blade.php b/app/views/budgets/show.blade.php
index b6c35c646d..7378d42146 100644
--- a/app/views/budgets/show.blade.php
+++ b/app/views/budgets/show.blade.php
@@ -8,7 +8,7 @@
                 Overview
             </div>
             <div class="panel-body">
-                <div id="componentOverview"></div>
+                <div id="budgetOverview"></div>
             </div>
         </div>
 
@@ -71,7 +71,8 @@
 @stop
 @section('scripts')
 <script type="text/javascript">
-    var componentID = {{$budget->id}};
+    var budgetID = {{$budget->id}};
+    var currencyCode = '{{Amount::getCurrencyCode()}}';
     @if(!is_null($repetition))
         var repetitionID = {{$repetition->id}};
         var year = {{$repetition->startdate->format('Y')}};
diff --git a/public/assets/javascript/firefly/budgets.js b/public/assets/javascript/firefly/budgets.js
index 968c17c0a8..1481c51598 100644
--- a/public/assets/javascript/firefly/budgets.js
+++ b/public/assets/javascript/firefly/budgets.js
@@ -7,11 +7,11 @@ $(function () {
     $('.updateIncome').on('click', updateIncome);
 
 
-    if (typeof componentID != 'undefined' && typeof repetitionID == 'undefined') {
-        googleColumnChart('chart/budget/' + componentID + '/spending/' + year, 'componentOverview');
+    if (typeof budgetID != 'undefined' && typeof repetitionID == 'undefined') {
+        googleColumnChart('chart/budget/' + budgetID + '/spending/' + year, 'budgetOverview');
     }
-    if (typeof componentID != 'undefined' && typeof repetitionID != 'undefined') {
-        googleLineChart('chart/budget/' + componentID + '/' + repetitionID, 'componentOverview');
+    if (typeof budgetID != 'undefined' && typeof repetitionID != 'undefined') {
+        googleLineChart('chart/budget/' + budgetID + '/' + repetitionID, 'budgetOverview');
     }
 
 });