Svelte wrapper for ApexCharts to build interactive visualizations in svelte.
Download and Installation
Installing via npm
npm install svelte-apexcharts apexcharts
Usage
<script>
import { chart } from "svelte-apexcharts";
let options = {
chart: {
type: "bar",
},
series: [
{
name: "sales",
data: [30, 40, 35, 50, 49, 60, 70, 91, 125],
},
],
xaxis: {
categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999],
},
};
</script>
<div use:chart={options} />
This will render the following chart
How do I update the chart?
Simple! Just change the options and it will automatically re-render the chart.
Props
| Prop | Type | Description |
|---|---|---|
| options | Object | The configuration object, see options on API (Reference) |
License
Svelte-ApexCharts is released under MIT license. You are free to use, modify and distribute this software, as long as the copyright header is left intact.
