feat: Pass visibleSeries as slot props (along with series) to ena…

…ble filteirng custom tooltip implementations (slot override)
techniq · Jan 24, 2025 · 12a8068 · 12a8068
1 parent be7e002
commit 12a8068
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 1 deletion.
diff --git a/.changeset/popular-doors-raise.md b/.changeset/popular-doors-raise.md
@@ -0,0 +1,5 @@
+---
+'layerchart': minor
+---
+
+feat: Pass `visibleSeries` as slot props (along with `series`) to enable filteirng custom tooltip implementations (slot override)
diff --git a/packages/layerchart/src/lib/components/charts/AreaChart.svelte b/packages/layerchart/src/lib/components/charts/AreaChart.svelte
@@ -241,6 +241,7 @@
     padding,
     tooltip,
     series,
+    visibleSeries,
     getAreaProps,
   }}
 

diff --git a/packages/layerchart/src/lib/components/charts/BarChart.svelte b/packages/layerchart/src/lib/components/charts/BarChart.svelte
@@ -307,6 +307,7 @@
     padding,
     tooltip,
     series,
+    visibleSeries,
     getBarsProps,
   }}
   <slot {...slotProps}>

diff --git a/packages/layerchart/src/lib/components/charts/LineChart.svelte b/packages/layerchart/src/lib/components/charts/LineChart.svelte
@@ -183,6 +183,7 @@
     padding,
     tooltip,
     series,
+    visibleSeries,
     getSplineProps,
   }}
   <slot {...slotProps}>

diff --git a/packages/layerchart/src/lib/components/charts/PieChart.svelte b/packages/layerchart/src/lib/components/charts/PieChart.svelte
@@ -195,6 +195,8 @@
     height,
     padding,
     tooltip,
+    series,
+    visibleData,
   }}
   <slot {...slotProps}>
     <svelte:component this={renderContext === 'canvas' ? Canvas : Svg} {center}>

diff --git a/packages/layerchart/src/lib/components/charts/ScatterChart.svelte b/packages/layerchart/src/lib/components/charts/ScatterChart.svelte
@@ -156,7 +156,21 @@
   let:tooltip
   let:config
 >
-  {@const slotProps = { x, xScale, y, yScale, c, cScale, width, height, padding, tooltip, series }}
+  {@const slotProps = {
+    x,
+    xScale,
+    y,
+    yScale,
+    c,
+    cScale,
+    width,
+    height,
+    padding,
+    tooltip,
+    series,
+    visibleSeries,
+    getPointsProps,
+  }}
   {@const activeSeries = tooltip.data
     ? (series.find((s) => s.key === tooltip.data.seriesKey) ?? series[0])
     : null}