decrease Y axis font size on BarChart

in an effort to give some more space to the chart itself e-mission/e-mission-docs#961 (comment)
JGreenlee · Sep 7, 2023 · 96ee1c6 · 96ee1c6
1 parent 40a9b5e
commit 96ee1c6
Showing 1 changed file with 10 additions and 9 deletions.
diff --git a/www/js/components/BarChart.tsx b/www/js/components/BarChart.tsx
@@ -49,15 +49,15 @@ const BarChart = ({ records, axisTitle, lineAnnotations, isHorizontal, timeAxis,
     if (!labelOptions) return { datasets: [] };
     const modeColors = makeColorMap(chartDatasets, labelOptions);
     return {
-    datasets: chartDatasets.map((e, i) => ({
-      ...e,
-      backgroundColor: (barCtx) => 
-        meter ? getMeteredBackgroundColor(meter, barCtx, chartDatasets[i], colors)
-              : modeColors[chartDatasets[i]["label"]],
-      borderColor: (barCtx) => 
-        meter ? getMeteredBackgroundColor(meter, barCtx, chartDatasets[i], colors, .25)
-              : modeColors[chartDatasets[i]["label"]],
-    })),
+      datasets: chartDatasets.map((e, i) => ({
+        ...e,
+        backgroundColor: (barCtx) => 
+          meter ? getMeteredBackgroundColor(meter, barCtx, chartDatasets[i], colors)
+                : modeColors[chartDatasets[i]["label"]],
+        borderColor: (barCtx) => 
+          meter ? getMeteredBackgroundColor(meter, barCtx, chartDatasets[i], colors, .25)
+                : modeColors[chartDatasets[i]["label"]],
+      })),
     };
   }, [chartDatasets, meter, labelOptions]);
 
@@ -123,6 +123,7 @@ const BarChart = ({ records, axisTitle, lineAnnotations, isHorizontal, timeAxis,
                      return label.split('\n');
                     return label;
                   },
+                  font: { size: 11 }, // default is 12, we want a tad smaller
                 },
                 reverse: true,
                 stacked,