svelteplot
diff --git a/‎src/routes/examples/axis/tick-interval.svelte
Lines changed: 15 additions & 0 deletions b/‎src/routes/examples/axis/tick-interval.svelte
Lines changed: 15 additions & 0 deletions
diff --git a/‎static/examples/axis/tick-count.dark.png
39.2 KB b/‎static/examples/axis/tick-count.dark.png
39.2 KB
diff --git a/‎static/examples/axis/tick-count.png
37.9 KB b/‎static/examples/axis/tick-count.png
37.9 KB
diff --git a/‎static/examples/axis/tick-interval.dark.png
33.9 KB b/‎static/examples/axis/tick-interval.dark.png
33.9 KB
diff --git a/‎static/examples/axis/tick-interval.png
32.6 KB b/‎static/examples/axis/tick-interval.png
32.6 KB
diff --git a/‎static/examples/axis/tick-spacing.dark.png
46.1 KB b/‎static/examples/axis/tick-spacing.dark.png
46.1 KB
diff --git a/‎static/examples/axis/tick-spacing.png
44.7 KB b/‎static/examples/axis/tick-spacing.png
44.7 KB
@@ -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>