https://github.com/peopledrivemecrazy/chart.xkcd-svelte

Svelte wraper around chart.xkcd
https://github.com/peopledrivemecrazy/chart.xkcd-svelte

Last synced: about 1 month ago
JSON representation

Svelte wraper around chart.xkcd

• Host: GitHub
• URL: https://github.com/peopledrivemecrazy/chart.xkcd-svelte
• Owner: peopledrivemecrazy
• License: mit
• Created: 2020-08-01T20:31:20.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T20:41:27.000Z (almost 2 years ago)
• Last Synced: 2024-11-10T19:34:14.630Z (about 2 months ago)
• Language: HTML
• Homepage: https://peopledrivemecrazy.github.io/chart.xkcd-svelte/
• Size: 504 KB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# chart.xkcd-svelte

## Svelte wrapper around [chart.xkcd](https://github.com/timqian/chart.xkcd)

Check [chart.xkcd](https://github.com/timqian/chart.xkcd) for detailed documentation.

[![](https://raw.githubusercontent.com/timqian/images/master/20190819131226.gif)](https://timqian.com/chart.xkcd/)

docs for configurations you can find in the official library [page](https://timqian.com/chart.xkcd/)

## Dependencies

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

## Quick Start

Install `npm i chart.xkcd-svelte`

```js

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";

```