Sfoglia il codice sorgente

style: espacamento de graficos

ebagabee 1 mese fa
parent
commit
c029204368

+ 2 - 0
src/components/charts/DashboardChartCard.vue

@@ -32,11 +32,13 @@ defineEmits(["export"]);
   padding: 16px;
   display: flex;
   flex-direction: column;
+  max-height: 370px;
 }
 
 .chart-slot-wrapper {
   flex: 1;
   min-height: 220px;
+  max-height: 310px;
   position: relative;
 }
 </style>

+ 7 - 7
src/pages/dashboard/DashboardPage.vue

@@ -298,16 +298,16 @@ const matriculasChart = {
 
 // --- Faturamento Serviço / Materiais (hardcoded) ---
 const faturamentoChart = {
-  labels: ["17/02", "20/02", "23/02", "26/02"],
+  labels: ["17/02", "18/02", "19/02", "20/02", "21/02", "22/02", "23/02", "24/02", "25/02", "26/02"],
   datasets: [
     {
       label: "Serviço",
-      data: [18500, 22300, 15800, 27600],
+      data: [18500, 21000, 16400, 22300, 19800, 17200, 15800, 24100, 20500, 27600],
       color: "#7C3AED",
     },
     {
       label: "Materiais",
-      data: [9200, 11400, 8700, 13100],
+      data: [9200, 10500, 8100, 11400, 9800, 8400, 8700, 12200, 10100, 13100],
       color: "#EC4899",
     },
   ],
@@ -521,13 +521,13 @@ onMounted(async () => {
 }
 
 .charts-row > * {
-  flex: 1 1 350px;
-  min-width: 280px;
+  flex: 0 0 calc(41.6667% - 11px);
+  min-width: 0;
 }
 
 .charts-row > *:last-child {
-  flex: 0 1 240px;
-  min-width: 200px;
+  flex: 0 0 calc(16.6667% - 11px);
+  min-width: 0;
 }
 
 @media (max-width: 599px) {