Skip to content

galkatz373/svelte-apexcharts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

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.

About

Svelte wrapper for ApexCharts

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •