sim1222/test1
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: edit widgets color

Browse Source
This commit is contained in:
sim1222 2022-02-07 18:24:02 +09:00
parent a3354213d0
commit 45f8fdc52d
No known key found for this signature in database
GPG Key ID: 21460619C5FC4DD1
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/client/src/widgets/server-metric/pie.vue
View File

@ -14,7 +14,7 @@
:stroke-dashoffset="strokeDashoffset" :stroke-dashoffset="strokeDashoffset"
fill="none" fill="none"
stroke-width="0.1" stroke-width="0.1"
:stroke="`hsl(248%, 80%, 70%)`" :stroke="color"
/> />
<text x="50%" y="50%" dy="0.05" text-anchor="middle">{{ (value * 100).toFixed(0) }}%</text> <text x="50%" y="50%" dy="0.05" text-anchor="middle">{{ (value * 100).toFixed(0) }}%</text>
</svg> </svg>
@ -29,6 +29,7 @@ const props = defineProps<{
const r = 0.45; const r = 0.45;
const color = `hsl(248%, 80%, 70%)`;
const strokeDashoffset = $computed(() => (1 - props.value) * (Math.PI * (r * 2))); const strokeDashoffset = $computed(() => (1 - props.value) * (Math.PI * (r * 2)));
</script> </script>