Refactoring: port ChartJS to Svelte

This commit is contained in:
Pieter Vander Vennet 2025-07-12 14:40:08 +02:00
parent ca4f7566e2
commit 1d48d935ba
7 changed files with 333 additions and 339 deletions

View file

@ -0,0 +1,21 @@
<script lang="ts">
import { onMount } from "svelte"
import { Chart, registerables } from "chart.js"
import type { ChartConfiguration } from "chart.js"
Chart?.register(...(registerables ?? []))
export let config: ChartConfiguration<TType, TData, TLabel>
let canvas: HTMLCanvasElement
onMount(() => {
if (canvas) {
new Chart(canvas, config)
}
})
</script>
{#if config}
<canvas bind:this={canvas} />
{:else}
<slot name="empty" />
{/if}