add tick interval example

svelteplot · gka · May 29, 2025 · May 29, 2025 · May 29, 2025 · May 29, 2025
commit effd7aba2c0e4e4dadf671cc6e888b0f43c67498
diff --git a/src/routes/examples/axis/tick-interval.svelte b/src/routes/examples/axis/tick-interval.svelte
@@ -0,0 +1,15 @@
+<script module>
+    export const title = 'Tick interval';
+</script>
+
+<script>
+    import { Plot, AxisX, AxisY, Line } from 'svelteplot';
+    import { page } from '$app/state';
+    let { aapl } = $derived(page.data.data);
+</script>
+
+<Plot>
+    <AxisX interval="6 months" />
+    <AxisY interval={25} />
+    <Line data={aapl} x="Date" y="Close" />
+</Plot>
diff --git a/static/examples/axis/tick-count.dark.png b/static/examples/axis/tick-count.dark.png
diff --git a/static/examples/axis/tick-count.png b/static/examples/axis/tick-count.png
diff --git a/static/examples/axis/tick-interval.dark.png b/static/examples/axis/tick-interval.dark.png
diff --git a/static/examples/axis/tick-interval.png b/static/examples/axis/tick-interval.png
diff --git a/static/examples/axis/tick-spacing.dark.png b/static/examples/axis/tick-spacing.dark.png
diff --git a/static/examples/axis/tick-spacing.png b/static/examples/axis/tick-spacing.png