svelte-apexcharts

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.