PHPackages                             akaunting/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 &amp; Helpers](/categories/utility)
4. /
5. akaunting/laravel-apexcharts

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

akaunting/laravel-apexcharts
============================

ApexCharts package for Laravel

4.0.0(1mo ago)84333.7k↑31.2%18[6 issues](https://github.com/akaunting/laravel-apexcharts/issues)[1 PRs](https://github.com/akaunting/laravel-apexcharts/pulls)1MITPHPPHP ^8.2CI passing

Since Jan 26Pushed 1mo ago3 watchersCompare

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

READMEChangelog (10)Dependencies (10)Versions (18)Used By (1)

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

62

—

FairBetter than 99% of packages

Maintenance89

Actively maintained with recent releases

Popularity51

Moderate usage in the ecosystem

Community24

Small or concentrated contributor base

Maturity71

Established project with proven stability

 Bus Factor1

Top contributor holds 54.9% 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 ~98 days

Recently: every ~289 days

Total

17

Last Release

47d ago

Major Versions

1.0.4 → 2.0.02022-06-16

2.0.5 → 3.0.02023-03-04

3.2.0 → 4.0.02026-05-17

PHP version history (4 changes)1.0.0PHP &gt;=7.3

2.0.0PHP &gt;=8.0

2.0.2PHP ^8.0

4.0.0PHP ^8.2

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/5254835?v=4)[Denis Dulici](/maintainers/denisdulici)[@denisdulici](https://github.com/denisdulici)

![](https://avatars.githubusercontent.com/u/10936547?v=4)[Cüneyt Şentürk](/maintainers/cuneytsenturk)[@cuneytsenturk](https://github.com/cuneytsenturk)

---

Top Contributors

[![denisdulici](https://avatars.githubusercontent.com/u/5254835?v=4)](https://github.com/denisdulici "denisdulici (28 commits)")[![stevebauman](https://avatars.githubusercontent.com/u/6421846?v=4)](https://github.com/stevebauman "stevebauman (13 commits)")[![cuneytsenturk](https://avatars.githubusercontent.com/u/10936547?v=4)](https://github.com/cuneytsenturk "cuneytsenturk (6 commits)")[![alissn](https://avatars.githubusercontent.com/u/26966142?v=4)](https://github.com/alissn "alissn (2 commits)")[![laravel-shift](https://avatars.githubusercontent.com/u/15991828?v=4)](https://github.com/laravel-shift "laravel-shift (2 commits)")

---

Tags

apexchartschartlaravellaravelbarchartslineapexchartspiedonut

###  Code Quality

TestsPHPUnit

### Embed Badge

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

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

###  Alternatives

[psalm/plugin-laravel

Psalm plugin for Laravel

3355.3M346](/packages/psalm-plugin-laravel)[renatomarinho/laravel-page-speed

Laravel Page Speed

2.5k1.7M10](/packages/renatomarinho-laravel-page-speed)[vinkius-labs/laravel-page-speed

Laravel Page Speed

2.5k12.5k1](/packages/vinkius-labs-laravel-page-speed)[emargareten/inertia-modal

Inertia Modal is a Laravel package that lets you implement backend-driven modal dialogs for Inertia apps.

90142.9k](/packages/emargareten-inertia-modal)[wearepixel/laravel-cart

A cart implementation for Laravel

1374.8k](/packages/wearepixel-laravel-cart)[tomshaw/electricgrid

A feature-rich Livewire package designed for projects that require dynamic, interactive data tables.

119.4k](/packages/tomshaw-electricgrid)

PHPackages © 2026

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