feat/frontend: show winrates along pickrates in tierlist

2026-06-05 00:31:30 +02:00
parent 0224b7812c
commit f2827f85eb
2 changed files with 24 additions and 10 deletions
@@ -110,14 +110,21 @@ tiers.push({ title: 'F', data: tierFromScaledPickrate(0, 0.1) })
          :tier="tier.data"
        />

-        <TierlistChart id="chart" :data="tiers" />
+        <h2 style="margin-left: 10px; margin-top: 20px; font-size: 2rem; font-weight: 300">
+          Pickrates
+        </h2>
+        <TierlistChart id="chart-pickrate" :data="tiers" metric="pickrate" />
+
+        <h2 style="margin-left: 10px; font-size: 2rem; font-weight: 300">Winrates</h2>
+        <TierlistChart id="chart-winrate" :data="tiers" metric="winrate" />
      </div>
    </div>
  </div>
 </template>

 <style scoped>
-#chart {
+#chart-pickrate,
+#chart-winrate {
  margin-left: 100px;
  margin-right: 100px;
  margin-bottom: 100px;
@@ -125,7 +132,8 @@ tiers.push({ title: 'F', data: tierFromScaledPickrate(0, 0.1) })
 }

@media only screen and (max-width: 450px) {
-  #chart {
+  #chart-pickrate,
+  #chart-winrate {
    margin-left: 2px;
    margin-right: 12px;
    margin-bottom: 40px;