sa

svelte-apexcharts

Svelte wrapper for ApexCharts

Showing:

Popularity

Downloads/wk

351

GitHub Stars

18

Maintenance

Last Commit

10mos ago

Contributors

3

Package

Dependencies

1

Size (min+gzip)

117.9KB

License

MIT

Type Definitions

Tree-Shakeable

Yes?

Categories

Readme

License

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

PropTypeDescription
optionsObjectThe 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.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100