chart.xkcd-svelte Svelte Themes

Chart.xkcd Svelte

Svelte wraper around chart.xkcd

chart.xkcd-svelte

Svelte wrapper around chart.xkcd

Check chart.xkcd for detailed documentation.

docs for configurations you can find in the official library page

Dependencies

chart.xkcd@^1.1.12 must be installed to use this library

Quick Start

Install npm i chart.xkcd-svelte


<script>

import Chart from 'chart.xkcd-svelte';
import chartXkcd from 'chart.xkcd';
    
let options = {
        title: 'What people think', // optional
        data: {
            labels: ['work', 'sleep', 'social'],
            datasets: [{
                data: [30, 10, 60],
            }],
        },
        options: { // optional
            innerRadius: 0,
            legendPosition: chartXkcd.config.positionType.upLeft,
        },
    }
let type = "pie";
</script>
<Chart type={type} options={options} />

Top categories

Loading Svelte Themes