diff --git a/public/js/ff/reports/default/all.js b/public/js/ff/reports/default/all.js
index 6fc394d7dd..ad4bef22b0 100644
--- a/public/js/ff/reports/default/all.js
+++ b/public/js/ff/reports/default/all.js
@@ -109,6 +109,7 @@ function clickCategoryChart(e) {
     "use strict";
     var link = $(e.target);
     var categoryId = link.data('category');
+    $('#category_help').remove();
 
     var URL = 'chart/category/report-period/' + categoryId + '/' + accountIds + '/' + startDate + '/' + endDate;
     var container = 'category_chart';
@@ -120,6 +121,7 @@ function clickBudgetChart(e) {
     "use strict";
     var link = $(e.target);
     var budgetId = link.data('budget');
+    $('#budget_help').remove();
 
     var URL = 'chart/budget/period/' + budgetId + '/' + accountIds + '/' + startDate + '/' + endDate;
     var container = 'budget_chart';
diff --git a/resources/lang/en_US/firefly.php b/resources/lang/en_US/firefly.php
index 1976a06949..74211f65b9 100644
--- a/resources/lang/en_US/firefly.php
+++ b/resources/lang/en_US/firefly.php
@@ -782,6 +782,9 @@ return [
     'account_role_sharedAsset'                   => 'Shared asset account',
     'account_role_savingAsset'                   => 'Savings account',
     'account_role_ccAsset'                       => 'Credit card',
+    'budget_chart_click'                         => 'Please click on a budget name in the table above to see a chart.',
+    'category_chart_click'                       => 'Please click on a category name in the table above to see a chart.',
+
 
     // charts:
     'chart'                                      => 'Chart',
diff --git a/resources/views/reports/default/year.twig b/resources/views/reports/default/year.twig
index 38113de98d..90913db18d 100644
--- a/resources/views/reports/default/year.twig
+++ b/resources/views/reports/default/year.twig
@@ -129,6 +129,7 @@
                     <h3 class="box-title">{{ 'chart'|_ }}</h3>
                 </div>
                 <div class="box-body">
+                    <p id="budget_help" class="text-muted text-center">{{ 'budget_chart_click'|_ }}</p>
                     <canvas id="budget_chart" style="width:100%;height:400px;" height="400" width="100%"></canvas>
                 </div>
             </div>
@@ -177,6 +178,7 @@
                     <h3 class="box-title">{{ 'chart'|_ }}</h3>
                 </div>
                 <div class="box-body">
+                    <p id="category_help" class="text-muted text-center">{{ 'category_chart_click'|_ }}</p>
                     <canvas id="category_chart" style="width:100%;height:400px;" height="400" width="100%"></canvas>
                 </div>
             </div>