chore: OXC Formatter
This commit is contained in:
@@ -118,43 +118,43 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { computed } from 'vue'
|
||||
import { computed } from "vue";
|
||||
|
||||
interface RadarData {
|
||||
strength: number
|
||||
balance: number
|
||||
flexibility: number
|
||||
agility: number
|
||||
cardio: number
|
||||
strength: number;
|
||||
balance: number;
|
||||
flexibility: number;
|
||||
agility: number;
|
||||
cardio: number;
|
||||
}
|
||||
|
||||
const { radarData } = defineProps<{
|
||||
radarData: RadarData
|
||||
}>()
|
||||
radarData: RadarData;
|
||||
}>();
|
||||
|
||||
const centerX = 60
|
||||
const centerY = 60
|
||||
const radius = 45
|
||||
const centerX = 60;
|
||||
const centerY = 60;
|
||||
const radius = 45;
|
||||
|
||||
function getAxisEndPoint (index: number, pointRadius = radius) {
|
||||
const angle = -Math.PI / 2 + (index * 2 * Math.PI) / 5
|
||||
function getAxisEndPoint(index: number, pointRadius = radius) {
|
||||
const angle = -Math.PI / 2 + (index * 2 * Math.PI) / 5;
|
||||
|
||||
return {
|
||||
x: centerX + pointRadius * Math.cos(angle),
|
||||
y: centerY + pointRadius * Math.sin(angle),
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
function getPolygonPoints (percent: number) {
|
||||
const pointRadius = (percent / 100) * radius
|
||||
const points = []
|
||||
function getPolygonPoints(percent: number) {
|
||||
const pointRadius = (percent / 100) * radius;
|
||||
const points = [];
|
||||
|
||||
for (let index = 0; index < 5; index++) {
|
||||
const point = getAxisEndPoint(index, pointRadius)
|
||||
points.push(`${point.x},${point.y}`)
|
||||
const point = getAxisEndPoint(index, pointRadius);
|
||||
points.push(`${point.x},${point.y}`);
|
||||
}
|
||||
|
||||
return points.join(' ')
|
||||
return points.join(" ");
|
||||
}
|
||||
|
||||
const userDataCoordArray = computed(() => {
|
||||
@@ -164,17 +164,19 @@ const userDataCoordArray = computed(() => {
|
||||
radarData.balance,
|
||||
radarData.flexibility,
|
||||
radarData.agility,
|
||||
]
|
||||
];
|
||||
|
||||
return values.map((value, index) => {
|
||||
const pointRadius = (Math.max(5, Math.min(100, value)) / 100) * radius
|
||||
return getAxisEndPoint(index, pointRadius)
|
||||
})
|
||||
})
|
||||
const pointRadius = (Math.max(5, Math.min(100, value)) / 100) * radius;
|
||||
return getAxisEndPoint(index, pointRadius);
|
||||
});
|
||||
});
|
||||
|
||||
const userDataPoints = computed(() => {
|
||||
return userDataCoordArray.value.map(point => `${point.x},${point.y}`).join(' ')
|
||||
})
|
||||
return userDataCoordArray.value
|
||||
.map((point) => `${point.x},${point.y}`)
|
||||
.join(" ");
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
Reference in New Issue
Block a user