161sh/jointrashposs
1
0
Fork 0
mirror of https://iceshrimp.dev/Crimekillz/jointrashposs.git synced 2024-11-22 00:43:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

(fix) 円グラフが出ない

Browse Source
This commit is contained in:
kakkokari-gtyih 2023-12-18 16:49:33 +09:00
parent 4c47eb20ee
commit 6d1d5efb66
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/charts/CircGraph.vue
View File

@ -2,6 +2,9 @@
<svg viewBox="-3 -3 70 70">
<circle
v-for="(item, index) in sortedData"
cx="32"
cy="32"
r="16"
:class="[
$style.pie,
(focusedIndex === index) && $style.focused,
@ -90,7 +93,7 @@ const dasharrays = computed(() => {
function getStyle(index: number) {
return `stroke: rgb(${steppedColors.value[index][0]}, ${steppedColors.value[index][1]}, ${steppedColors.value[index][2]});
--dasharray: ${dasharrays.value[index]}`;
stroke-dasharray: ${dasharrays.value[index]}`;
}
onMounted(() => {
@ -109,12 +112,8 @@ onMounted(() => {
@apply transition-transform;
transform-origin: center;
fill: transparent;
cx: 32;
cy: 32;
r: 16;
stroke-width: 32;
stroke-dashoffset: 25;
stroke-dasharray: var(--dasharray);
}
.focused.pie {