dashbird beter ui

2026-09-19 13:08:27 +03:30
parent 7f20c6333e
commit cb07e7c969
123 changed files with 117 additions and 105 deletions
@@ -239,7 +239,14 @@ const trendChartOptions = computed(() => ({
  legend: { position: 'top', horizontalAlign: 'right' },
  xaxis: {
    categories: (data.ordersTrend ?? []).map((d: OrdersTrendPoint) => jdate(d.date)),
-    labels: { rotate: 0 },
+    // 30 daily labels overlap at rotate: 0 (see screenshot); angle them so
+    // each date stays legible instead of running into its neighbours.
+    labels: {
+      rotate: -45,
+      rotateAlways: true,
+      hideOverlappingLabels: true,
+      style: { fontSize: '12px', fontWeight: 500 },
+    },
  },
  tooltip: { shared: true },
 }));