diff --git a/public/js/reports/default/year.js b/public/js/reports/default/year.js
index 026b30ba63..44461e38ec 100644
--- a/public/js/reports/default/year.js
+++ b/public/js/reports/default/year.js
@@ -19,7 +19,7 @@ function drawChart() {
     columnChart('chart/report/in-out-sum/' + reportType + '/' + startDate + '/' + endDate + '/' + accountIds, 'income-expenses-sum-chart');
     stackedColumnChart('chart/budget/year/' + reportType + '/' + startDate + '/' + endDate + '/' + accountIds, 'budgets');
     stackedColumnChart('chart/category/spent-in-year/' + reportType + '/' + startDate + '/' + endDate + '/' + accountIds, 'categories-spent-in-year');
-    stackedColumnChart('chart/category/earned-in-year/' + reportType + '/' + startDate + '/' + endDate + '/' + accountIds, 'categories-earned-in-year');
+    stackedColumnChart('chart/category/earned-in-period/' + reportType + '/' + startDate + '/' + endDate + '/' + accountIds, 'categories-earned-in-period');
 
 }
 
diff --git a/resources/twig/reports/default/year.twig b/resources/twig/reports/default/year.twig
index 34d7d31efc..7754eeee1b 100644
--- a/resources/twig/reports/default/year.twig
+++ b/resources/twig/reports/default/year.twig
@@ -71,7 +71,7 @@
                         <div id="categories-earned-in-year"></div>
                     {% endif %}
                     {% if Config.get('firefly.chart') == 'chartjs' %}
-                        <canvas id="categories-earned-in-year" style="width:100%;height:400px;"></canvas>
+                        <canvas id="categories-earned-in-period" style="width:100%;height:400px;"></canvas>
                     {% endif %}
                 </div>
             </div>