coding style

src/main/resources/charts/IncomesAndExpendituresByCategoryBar.js

@@ -17,7 +17,7 @@ for(var i = 0; i < transactionData.length; i++)
     var transaction = transactionData[i];
 
     var categoryName = transaction.category.name;
-    // create new category is not already in dict
+    // create new category if not already in dict
     if(!categoryNames.includes(categoryName))
     {
         categoryNames.push(categoryName);
@@ -34,7 +34,8 @@ for(var i = 0; i < transactionData.length; i++)
     if(amount > 0)
     {
         incomes[index] = incomes[index] + amount;
-    } else
+    }
+    else
     {
         expenditures[index] = expenditures[index] + Math.abs(amount);
     }
@@ -96,7 +97,7 @@ var plotlyLayout = {
         }
     },
     barmode: 'stack',
-    hovermode: 'closest'
+    hovermode: 'closest' // show hover popup only for hovered item
 };
 
 // Add your Plotly configuration settings here (optional)

src/main/resources/charts/IncomesAndExpendituresPerMonthBar.js

@@ -32,7 +32,8 @@ for(var i = 0; i < transactionData.length; i++)
     {
         var lastIndex = incomes.length - 1;
         incomes[lastIndex] = incomes[lastIndex] + amount;
-    } else
+    }
+    else
     {
         var lastIndex = expenditures.length - 1;
         expenditures[lastIndex] = expenditures[lastIndex] + Math.abs(amount);

src/main/resources/charts/IncomesAndExpendituresPerMonthLine.js

@@ -32,7 +32,8 @@ for(var i = 0; i < transactionData.length; i++)
     {
         var lastIndex = incomes.length - 1;
         incomes[lastIndex] = incomes[lastIndex] + amount;
-    } else
+    }
+    else
     {
         var lastIndex = expenditures.length - 1;
         expenditures[lastIndex] = expenditures[lastIndex] + Math.abs(amount);