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(3mo ago)84349.7k↑32.8%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 3mo 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 2w 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

60

—

FairBetter than 98% of packages

Maintenance81

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

93d 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

[renatomarinho/laravel-page-speed

Laravel Page Speed

2.5k1.7M11](/packages/renatomarinho-laravel-page-speed)[emargareten/inertia-modal

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

90157.6k](/packages/emargareten-inertia-modal)[forjedio/inertia-table

Backend-driven dynamic tables for Laravel + Inertia.js

272.0k](/packages/forjedio-inertia-table)[tomshaw/electricgrid

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

119.8k](/packages/tomshaw-electricgrid)

PHPackages © 2026

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