Arreglados datos de gráficas

Author: JhostinD

PlantillaBasica/EstadisticaVideojuego.html

@@ -52,23 +52,23 @@ <h2 class="fw-bolder fs-5 mb-4">Gráficos</h2>
                     <div class="row gx-5 align-items-center">
                         <div class="chart-wrap horizontal"> <!-- quitar el estilo "horizontal" para visualizar verticalmente -->
                             <div class="grid">
-                                <div class="bar" style="--bar-value:85%;" data-name="Your Blog" title="Your Blog 85%"></div>
-                                <div class="bar" style="--bar-value:23%;" data-name="Medium" title="Medium 23%"></div>
-                                <div class="bar" style="--bar-value:7%;" data-name="Tumblr" title="Tumblr 7%"></div>
-                                <div class="bar" style="--bar-value:38%;" data-name="Facebook" title="Facebook 38%"></div>
-                                <div class="bar" style="--bar-value:35%;" data-name="YouTube" title="YouTube 35%"></div>
-                                <div class="bar" style="--bar-value:30%;" data-name="LinkedIn" title="LinkedIn 30%"></div>
-                                <div class="bar" style="--bar-value:5%;" data-name="Twitter" title="Twitter 5%"></div>
-                                <div class="bar" style="--bar-value:20%;" data-name="Other" title="Other 20%"></div>
+                                <div class="bar" style="--bar-value:75%;" data-name="Elden Ring" title="Elden Ring 85%"></div>
+                                <div class="bar" style="--bar-value:23%;" data-name="CS:GO" title="CS:GO 23%"></div>
+                                <div class="bar" style="--bar-value:60%;" data-name="GTA V" title="GTA V 60%"></div>
+                                <div class="bar" style="--bar-value:90%;" data-name="Minecraft" title="Minecraft 90%"></div>
+                                <div class="bar" style="--bar-value:35%;" data-name="God Of War" title="God of War 35%"></div>
+                                <div class="bar" style="--bar-value:75%;" data-name="Escape from Tarkov" title="Escape from Tarkov 75%"></div>
+                                <div class="bar" style="--bar-value:65%;" data-name="Lost Ark" title="Lost Ark 65%"></div>
+                                <div class="bar" style="--bar-value:60%;" data-name="Star Wars Jedi Fallen Order" title="Star Wars Jedi Fallen Order 60%"></div>
                             </div>
                         </div>
 
                         <div class="grafico">
                             <div class="sombra"></div>
-                            <div id="porcion1" class="recorte"><div class="quesito" data-rel="70"></div></div>
-                            <div id="porcion2" class="recorte"><div class="quesito" data-rel="120"></div></div>
-                            <div id="porcion3" class="recorte"><div class="quesito" data-rel="25"></div></div>
-                            <div id="porcionFin" class="recorte"><div class="quesito" data-rel="145"></div></div>
+                            <div id="porcion1" class="recorte"><div class="quesito" data-rel="Shooter"></div></div>
+                            <div id="porcion2" class="recorte"><div class="quesito" data-rel="Estrategia"></div></div>
+                            <div id="porcion3" class="recorte"><div class="quesito" data-rel="Rol"></div></div>
+                            <div id="porcionFin" class="recorte"><div class="quesito" data-rel="Acción"></div></div>
                        </div>
 
                     </div> 

PlantillaBasica/css/styles.css

@@ -11439,15 +11439,15 @@ form{
 .chart-wrap .grid::before{
   font-size:0.8em;
   font-weight:bold;
-  content:'0%';
+  content:'0';
   position:absolute;
   left:-0.5em;
   top:-1.5em;
 }
 .chart-wrap .grid::after{
   font-size:0.8em;
   font-weight:bold;
-  content:'100%';
+  content:'70.000 unidades';
   position:absolute;
   right:-1.5em;
   top:-1.5em;