This commit is contained in:
2024-12-06 17:24:33 +01:00
parent a80afc6d69
commit 56e4b89aea
2 changed files with 10 additions and 13 deletions

View File

@@ -6,7 +6,7 @@ import { Bar } from 'vue-chartjs'
ChartJS.register(Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale) ChartJS.register(Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale)
const props = defineProps<{ const props = defineProps<{
data: Array<Array<{champion: Champion, lane: LaneData}>> data: Array<{title:string, data: Array<{lane: LaneData, champion: Champion}>}>
}>() }>()
const labels: Array<string> = [] const labels: Array<string> = []
@@ -19,7 +19,7 @@ const datasets = []
let count = 0 let count = 0
let colorIndex = 0 let colorIndex = 0
for(let tier of props.data) { for(let tier of props.data) {
for(let {champion: champion, lane: lane} of tier) { for(let {champion: champion, lane: lane} of tier.data) {
if(count > 35) break; if(count > 35) break;
labels.push(champion.name) labels.push(champion.name)

View File

@@ -47,11 +47,12 @@ function tierFromScaledPickrate(min: number, max: number) {
}) })
} }
const s_tier = tierFromScaledPickrate(0.9, 1) const tiers: Array<{title:string, data: Array<{lane: LaneData, champion: Champion}>}> = []
const a_tier = tierFromScaledPickrate(0.7, 0.9) tiers.push({title: "S", data: tierFromScaledPickrate(0.9, 1)})
const b_tier = tierFromScaledPickrate(0.5, 0.7) tiers.push({title: "A", data: tierFromScaledPickrate(0.7, 0.9)})
const c_tier = tierFromScaledPickrate(0.3, 0.5) tiers.push({title: "B", data: tierFromScaledPickrate(0.5, 0.7)})
const d_tier = tierFromScaledPickrate(0.1, 0.3) tiers.push({title: "C", data: tierFromScaledPickrate(0.3, 0.5)})
tiers.push({title: "D", data: tierFromScaledPickrate(0.1, 0.3)})
</script> </script>
<template> <template>
@@ -70,13 +71,9 @@ const d_tier = tierFromScaledPickrate(0.1, 0.3)
<h1 style="margin-left: 10px; font-size: 45px; font-weight: 300;">{{ POSITIONS_STR[lanePositionToIndex(lane)] }}</h1> <h1 style="margin-left: 10px; font-size: 45px; font-weight: 300;">{{ POSITIONS_STR[lanePositionToIndex(lane)] }}</h1>
</div> </div>
<TierlistTier title="S" :tier="s_tier" /> <TierlistTier v-for="tier in tiers" :title="tier.title" :tier="tier.data" />
<TierlistTier title="A" :tier="a_tier" />
<TierlistTier title="B" :tier="b_tier" />
<TierlistTier title="C" :tier="c_tier" />
<TierlistTier title="D" :tier="d_tier" />
<TierlistChart style="margin-left: 100px; margin-right: 100px; margin-bottom: 100px; margin-top: 40px" :data="[s_tier, a_tier, b_tier, c_tier, d_tier]" /> <TierlistChart style="margin-left: 100px; margin-right: 100px; margin-bottom: 100px; margin-top: 40px" :data="tiers" />
</div> </div>
</div> </div>