Skip to content

Commit b889847

Browse files
committed
feat: subtle gradient for area charts
1 parent 99073d9 commit b889847

File tree

1 file changed

+8
-0
lines changed

1 file changed

+8
-0
lines changed

app/components/Package/VersionDistribution.vue

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -429,6 +429,14 @@ const endDate = computed(() => {
429429
/>
430430
</template>
431431

432+
<!-- Subtle gradient applied for area charts -->
433+
<template #area-gradient="{ series: chartModalSeries, id: gradientId }">
434+
<linearGradient :id="gradientId" x1="0" x2="0" y1="0" y2="1">
435+
<stop offset="0%" :stop-color="chartModalSeries.color" stop-opacity="0.2" />
436+
<stop offset="100%" :stop-color="colors.bg" stop-opacity="0" />
437+
</linearGradient>
438+
</template>
439+
432440
<!-- Custom legend for single series (non-interactive) -->
433441
<template #legend="{ legend }">
434442
<div class="flex gap-4 flex-wrap justify-center">

0 commit comments

Comments
 (0)