PHPackages                             stevebauman/laravel-apexcharts - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. stevebauman/laravel-apexcharts

ActiveLibrary[Utility & Helpers](/categories/utility)

stevebauman/laravel-apexcharts
==============================

ApexCharts package for Laravel

3.1.0(1y ago)12.3k1MITPHPPHP ^8.0CI passing

Since Jan 26Pushed 1y agoCompare

[ Source](https://github.com/stevebauman/laravel-apexcharts)[ Packagist](https://packagist.org/packages/stevebauman/laravel-apexcharts)[ RSS](/packages/stevebauman-laravel-apexcharts/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (1)Dependencies (5)Versions (22)Used By (0)

ApexCharts package for Laravel
==============================

[](#apexcharts-package-for-laravel)

[![Downloads](https://camo.githubusercontent.com/dd071d447ba687d281a02b6099b33dbfa692a682bcc66e5206b3c035ae97d98a/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f616b61756e74696e672f6c61726176656c2d61706578636861727473)](https://camo.githubusercontent.com/dd071d447ba687d281a02b6099b33dbfa692a682bcc66e5206b3c035ae97d98a/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f616b61756e74696e672f6c61726176656c2d61706578636861727473)[![Tests](https://camo.githubusercontent.com/0f0d8745b4de4de3a0a5ca35c4322eff49ad4cf1b87448ebfef54ac27556cd05/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f616b61756e74696e672f6c61726176656c2d617065786368617274732f74657374732e796d6c3f6c6162656c3d7465737473)](https://camo.githubusercontent.com/0f0d8745b4de4de3a0a5ca35c4322eff49ad4cf1b87448ebfef54ac27556cd05/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f616b61756e74696e672f6c61726176656c2d617065786368617274732f74657374732e796d6c3f6c6162656c3d7465737473)[![StyleCI](https://camo.githubusercontent.com/df74ead906db07e1c0c8bf61f60c547cbf3938904ce230e0b0afc2a02a4c15e4/68747470733a2f2f6769746875622e7374796c6563692e696f2f7265706f732f3435323232313835352f736869656c643f7374796c653d666c6174266272616e63683d6d6173746572)](https://styleci.io/repos/452221855)[![License](https://camo.githubusercontent.com/171d729e7c8930878cdecfb4500426385cf199aa550c873e25d818c5034d1fe5/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f616b61756e74696e672f6c61726176656c2d61706578636861727473)](LICENSE.md)

This package allows you to generate modern and interactive charts using the [ApexCharts](https://apexcharts.com) library directly from `Laravel` without interacting with JavaScript, CSS, etc.

It covers all of the chart [types](https://apexcharts.com/docs/chart-types/line-chart) and [options](https://apexcharts.com/docs/options/annotations) available within the `ApexCharts` library.

Check out the [Akaunting](https://github.com/akaunting/akaunting) project to see it live.

Getting Started
---------------

[](#getting-started)

### 1. Install

[](#1-install)

Run the following command:

```
composer require akaunting/laravel-apexcharts
```

### 2. Publish

[](#2-publish)

Publish configuration

```
php artisan vendor:publish --tag=apexcharts
```

### 3. Configure

[](#3-configure)

You can change the chart settings of your app from `config/apexcharts.php` file

Usage
-----

[](#usage)

### Blade

[](#blade)

Create an instance of the `Chart` class and set the data and options according to your needs.

```
use Akaunting\Apexcharts\Chart;

// ...

$chart = (new Chart)->setType('donut')
    ->setWidth('100%')
    ->setHeight(300)
    ->setLabels(['Sales', 'Deposit'])
    ->setDataset('Income by Category', 'donut', [1907, 1923]);
```

Then, include the JavaScript (on every page using charts).

```

    @apexchartsScripts

```

Finally, call the `container` and `script` method wherever you want to display the chart.

```

{!! $chart->container() !!}

{!! $chart->script() !!}
```

### Vue

[](#vue)

If you're using Vue and Inertia, install Apexcharts and their Vue 3 adapter:

```
npm install --save apexcharts
npm install --save vue3-apexcharts
```

```
// resources/js/app.js

import VueApexCharts from 'vue3-apexcharts';

createInertiaApp({
    // ...
    setup({el, App, props, plugin}) {
        return createApp({ render: () => h(App, props) })
            .use(VueApexCharts)
            .mount(el);
    },
});
```

Then, create a simple `chart.vue` component:

```

defineProps({
    chart: Object,
});

```

Create an instance of `Chart` and call `toVue()` before passing it to your page:

```
Route::get('dashboard', function () {
    $chart = (new Chart)->setType('...');

    return inertia('dashboard', [
        'chart' => $chart->toVue(),
    ]);
});
```

Finally, render the chart:

```

import Chart from './components/chart.vue';

defineProps({
    chart: Object,
});

```

Testing
-------

[](#testing)

```
composer test
```

Changelog
---------

[](#changelog)

Please see [Releases](../../releases) for more information what has changed recently.

Contributing
------------

[](#contributing)

Pull requests are more than welcome. You must follow the PSR coding standards.

Security
--------

[](#security)

Please review [our security policy](https://github.com/akaunting/laravel-apexcharts/security/policy) on how to report security vulnerabilities.

Credits
-------

[](#credits)

- [Cüneyt Şentürk](https://github.com/cuneytsenturk)
- [All Contributors](../../contributors)

License
-------

[](#license)

The MIT License (MIT). Please see [LICENSE](LICENSE.md) for more information.

###  Health Score

39

—

LowBetter than 86% of packages

Maintenance46

Moderate activity, may be stable

Popularity23

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity63

Established project with proven stability

 Bus Factor1

Top contributor holds 52.1% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~83 days

Recently: every ~241 days

Total

15

Last Release

410d ago

Major Versions

1.0.4 → 2.0.02022-06-16

2.0.5 → 3.0.02023-03-04

PHP version history (3 changes)1.0.0PHP >=7.3

2.0.0PHP >=8.0

2.0.2PHP ^8.0

### Community

Maintainers

![](https://www.gravatar.com/avatar/c6dd082636ff8a08df8dfdcd622ea242374d1d76dd33bceec5a6cd3ae26dc24f?d=identicon)[stevebauman](/maintainers/stevebauman)

---

Top Contributors

[![denisdulici](https://avatars.githubusercontent.com/u/5254835?v=4)](https://github.com/denisdulici "denisdulici (25 commits)")[![stevebauman](https://avatars.githubusercontent.com/u/6421846?v=4)](https://github.com/stevebauman "stevebauman (17 commits)")[![cuneytsenturk](https://avatars.githubusercontent.com/u/10936547?v=4)](https://github.com/cuneytsenturk "cuneytsenturk (6 commits)")

---

Tags

laravelbarchartslineapexchartspiedonut

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/stevebauman-laravel-apexcharts/health.svg)

```
[![Health](https://phpackages.com/badges/stevebauman-laravel-apexcharts/health.svg)](https://phpackages.com/packages/stevebauman-laravel-apexcharts)
```

###  Alternatives

[akaunting/laravel-apexcharts

ApexCharts package for Laravel

84288.3k2](/packages/akaunting-laravel-apexcharts)[barryvdh/laravel-ide-helper

Laravel IDE Helper, generates correct PHPDocs for all Facade classes, to improve auto-completion.

14.9k123.0M687](/packages/barryvdh-laravel-ide-helper)[arielmejiadev/larapex-charts

Package to provide easy api to build apex charts on Laravel

302445.7k](/packages/arielmejiadev-larapex-charts)[icehouse-ventures/laravel-chartjs

Simple package to facilitate and automate the use of charts in Laravel using the Chart.js library

117186.4k](/packages/icehouse-ventures-laravel-chartjs)[image-charts/image-charts

Official Image-Charts.com API client library

2762.3k](/packages/image-charts-image-charts)[interaction-design-foundation/laravel-geoip

Support for multiple Geographical Location services.

17221.0k3](/packages/interaction-design-foundation-laravel-geoip)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)