Try to increase width of categories image to have room for mopre categories being displayed. Also sort categories by count before displaying

Author: Sinan-96

app/server.js

@@ -237,16 +237,18 @@ async function generateIncByWeekChart(numberOfDays) {
       },
     },
   });
-  chart.setWidth(800);
-  chart.setHeight(400);
-  return chart.getUrl();
+  // Increase chart size
+  chart.setWidth(400);
+  chart.setHeight(200);
+  return chart.getShortUrl();
 }
 
 async function generateIncByCategoryChart(numberOfDays) {
   const dbResponse = await getIncByCategory(numberOfDays);
+  const sortedCategories = dbResponse.rows.sort((a, b) => b.count - a.count); 
 
-  const labels = dbResponse.rows.map((row) => row.category);
-  const data = dbResponse.rows.map((row) => parseInt(row.count, 10));
+  const labels = sortedCategories.map((row) => row.category);
+  const data = sortedCategories.map((row) => parseInt(row.count, 10));
 
   // Generate the bar chart URL using QuickChart
   const chart = new QuickChart();
@@ -266,13 +268,23 @@ async function generateIncByCategoryChart(numberOfDays) {
     },
     options: {
       scales: {
-        y: {
-          beginAtZero: true,
+        xAxes: {
+          ticks: {
+            max: labels.length, // Limit the number of labels to show
+          },
+        },
+        yAxes: {
+          ticks: {
+            beginAtZero: true, // Start the y-axis at 0
+            stepSize: 1, // Set the step size to 1
+          }
         },
       },
     },
   });
-  chart.setWidth(800);
-  chart.setHeight(400);
-  return chart.getUrl();
+
+  // Increase chart size
+  chart.setWidth(400);
+  chart.setHeight(200);
+  return chart.getShortUrl();
 }