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

3.2.0(1y ago)84288.3k—1%19[5 issues](https://github.com/akaunting/laravel-apexcharts/issues)[2 PRs](https://github.com/akaunting/laravel-apexcharts/pulls)1MITPHPPHP ^8.0CI passing

Since Jan 26Pushed 1y 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 1mo ago

READMEChangelog (10)Dependencies (5)Versions (17)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

48

—

FairBetter than 95% of packages

Maintenance45

Moderate activity, may be stable

Popularity50

Moderate usage in the ecosystem

Community23

Small or concentrated contributor base

Maturity62

Established project with proven stability

 Bus Factor1

Top contributor holds 55.3% 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 ~77 days

Recently: every ~190 days

Total

16

Last Release

409d 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 &gt;=7.3

2.0.0PHP &gt;=8.0

2.0.2PHP ^8.0

### 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 (26 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)")

---

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

[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)[marineusde/larapex-charts

Package to provide easy api to build apex charts on Laravel

1214.2k](/packages/marineusde-larapex-charts)

PHPackages © 2026

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