Name: ApexCharts.js
Brand: ApexCharts
Availability: InStock

15k+GitHub stars
8M+npm downloads / month
238k+dependent repositories
8+years of development

Build with AI

Skip the boilerplate. Describe the chart.

The charting family that's easiest to build with AI. Tell Claude, Cursor, or ChatGPT what you want, and the MCP server validates every config against the real chart API before you paste it, so charts render right the first time, across the whole ApexCharts family.

MCP server

Connect once and your agent generates configs, then validates them against the real chart API before you paste, so charts render on the first try.

claude mcp add apexcharts -- npx -y apexcharts-mcp

Skill files

One context file that teaches your assistant the right patterns. Works with Claude Code, Cursor, and Copilot.

npm i apexcharts-skill

Browser chat

No install. Paste one prompt into any chatbot and start building right away.

Use the ApexCharts family. Follow the matching skill at github.com/apexcharts (apexcharts-skill and siblings).

See how it works

It starts with one value.

$3.7M: June revenue, the best month of the year in a sales dashboard.

One value becomes a trend.

Twelve months of revenue in one series, and June is the peak.

A trend becomes an app.

The chart is one panel of a dashboard: a map, two charts and a grid, filtering each other.

One family, one API.

The dashboard uses three of the seven products. The other four draw the panels around it, each one from a working example you can open.

Sales analyticsSee it live Schedule · ApexGanttReporting lines · ApexTreeVisitor journey · ApexSankeyStreaming · ApexStock

Loved in public

Don't just take our word for it

Unsolicited comments from public developer threads. Every card links straight to its original source.

@goalstogrowthGitHub

I'll start by saying this is the best charting library I've seen. It's intuitive and it just works they way you would expect and want.

vue-apexcharts · #60

npm downloads / month8M+apexcharts.js

GitHub stars15k+apexcharts.js

@jhuckabyGitHub

First of all, thank you for an awesome chart library. I absolutely love ApexCharts!

apexcharts.js · #420❤️ 24

repositories238k+depend on apexcharts.js

@PhyTensorGitHub

I'm loving your library, really saved me in our project. The fact that I don't have to handle the javascript side and the freedom of customization is awesome. We have tried several libraries and this is the first that didnt feel as if I had to fight it to fit our project.

Blazor-ApexCharts · #117 @rudyspiesGitHub

I have used Highcharts before, I need to state that I'm EXTREMELY impressed with the work the coders of this project have done!!!

apexcharts.js · #3946 @sweco-bepedmGitHub

I just came across this library, this is fantastic, thanks for the work! I've succeeded in creating really complex graphs with so few lines of code that now I want to convert all my graphs!

Blazor-ApexCharts · #191 @CreativeWarlockGitHub

huge respect for your amazing library! So in love with the simplicity & feature richness!

apexcharts.js · #2409 @taheri24GitHub

apex-charts is really great

apexcharts.js · #24👍 21 Jonny LarssonStack Overflow

I always recommend Blazor ApexCharts…

on: MudBlazor chart styling▲ 11CC BY-SA AksenovANStack Overflow

I prefer to use apexcharts package for timeline chart creating. This package has more flexible interface to control the charts…

on: timeline chartsCC BY-SA @alexpopa-workGitHub

Saved me a lot of trouble! The answer is two years old but it still saves lives

vue-apexcharts · #20👍 8 u/route-distr/vuejs

A Vue dev's verdict after weighing the field: the feature set was rich enough, it was easy to use, and after dropping it into their project, "it just worked."

r/vuejs · Best charting library for Vue 3⬆ 6summary Read the wall of love →more developer comments

Every quote is real, posted publicly by its author, and links to the original source.
If one is yours and you'd like it removed, email support@apexcharts.com.

A chart is a handful of options.

No drawing code. Every part of this chart is one setting. Scroll, and it comes apart into them.

The colour is one line.

One colour per series, and every column wears it.

The values are the series.

Each column’s height is one number in one array. Change the array, and the columns animate to the new heights.

The months are the axis.

Categories label the x axis. Datetime and numeric axes are one option away.

Render it, and the chart draws itself.

Scales, gridlines, the tooltip and hover states come built in.

npm i apexcharts

const options = {
  colors: ['#008FFB'],
  series: [{
    name: 'Signups',
    data: [124, 182, 161, 231,
           294, 271, 318, 343,
           352, 386, 371, 428],
  }],
  xaxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr',
                 'May', 'Jun', 'Jul', 'Aug',
                 'Sep', 'Oct', 'Nov', 'Dec'],
  },
  dataLabels: { enabled: false },
  chart: { type: 'bar' },
}

new ApexCharts(el, options).render()

Chart types

Every chart type you'll need

Line, area, candlestick, heatmap, treemap, and 15+ more, plus Gantt, Sankey, Tree, and Grid. If you can picture it, you can build it.

Chart types in ApexCharts

Line Area Column Bar Mixed / Combo Candlestick BoxPlot Timeline Range Area Bubble Scatter Heatmap Treemap Pie Donut Radar Polar Area RadialBar Gauge Funnel Slope Sparklines

More visualizations, dedicated libraries

ApexGanttGantt charts ApexSankeyFlow diagrams ApexTreeOrg charts & trees ApexGridData grids ApexMapsGeospatial maps ApexStockFinancial charts

View All Features

Beautiful by default.
Powerful by design.

Everything you need to build modern data-rich applications.