fix timeseries chart xAxis label styling

CartoDB · Sep 27, 2023 · 6c86ce8 · 6c86ce8
1 parent a2494fd
commit 6c86ce8
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/packages/react-ui/src/widgets/TimeSeriesWidgetUI/components/TimeSeriesChart.js b/packages/react-ui/src/widgets/TimeSeriesWidgetUI/components/TimeSeriesChart.js
@@ -80,6 +80,20 @@ export default function TimeSeriesChart({
             opacity: 0.2
           }
         },
+        axisLabel: {
+          fontSize: theme.typography.caption.fontSize,
+          fontFamily: theme.typography.caption.fontFamily,
+          fontWeight: theme.typography.fontWeightRegular,
+          // https://echarts.apache.org/en/option.html#xAxis.axisLabel.formatter
+          formatter: {
+            year: '{yearStyle|{yyyy}}'
+          },
+          rich: {
+            yearStyle: {
+              fontWeight: theme.typography.fontWeightMedium
+            }
+          }
+        },
         axisTick: {
           show: false
         },