PHPackages                             husseinsayed/charts - 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. husseinsayed/charts

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

husseinsayed/charts
===================

Create charts for laravel using diferent charts libraries

028JavaScript

Since Jan 21Pushed 2y ago1 watchersCompare

[ Source](https://github.com/husseinsayed/charts)[ Packagist](https://packagist.org/packages/husseinsayed/charts)[ RSS](/packages/husseinsayed-charts/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

Charts
======

[](#charts)

### Charts is a multi-library chart package to create interactive charts using laravel.

[](#charts-is-a-multi-library-chart-package-to-create-interactive-charts-using-laravel)

[![StyleCI](https://camo.githubusercontent.com/cc9dfb27d31ccf2c6c3d4f0975b3d798d2cf078351beb552a082a4ba4419e8e0/68747470733a2f2f7374796c6563692e696f2f7265706f732f36393132343137392f736869656c643f6272616e63683d6d6173746572)](https://styleci.io/repos/69124179)[![StyleCI](https://camo.githubusercontent.com/2e1998c3de2127e810a6b93cbfcd382818a0acfe93e9d34e1def19fed3e3cc76/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4275696c745f666f722d4c61726176656c2d677265656e2e7376673f7374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/2e1998c3de2127e810a6b93cbfcd382818a0acfe93e9d34e1def19fed3e3cc76/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4275696c745f666f722d4c61726176656c2d677265656e2e7376673f7374796c653d666c61742d737175617265)[![StyleCI](https://camo.githubusercontent.com/f8c0195baab557984e4e6a2199e38eecf51c60d2a43b8017c87b7966dd212816/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f6875737365696e73617965642f6368617274732e7376673f7374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/f8c0195baab557984e4e6a2199e38eecf51c60d2a43b8017c87b7966dd212816/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f6875737365696e73617965642f6368617274732e7376673f7374796c653d666c61742d737175617265)

[![Charts Logo](https://camo.githubusercontent.com/1fafbd612a9a3f750fc233e3b14c6145e9ed9c86e2d6718d97af0c46c379ddd2/687474703a2f2f692e696d6775722e636f6d2f7a796c564e68492e706e67)](https://camo.githubusercontent.com/1fafbd612a9a3f750fc233e3b14c6145e9ed9c86e2d6718d97af0c46c379ddd2/687474703a2f2f692e696d6775722e636f6d2f7a796c564e68492e706e67)

Table Of Contents
-----------------

[](#table-of-contents)

- [Installation](#installation)
    - [Video Tutorial](#video-tutorial)
- [Default Settings](#default-settings)
- [Example Usage](#example-usage)
- [Create Charts](#create-charts)
- [Multi Datasets Chart](#multi-datasets-charts)
- [Database Charts](#database-charts)
- [Realtime Charts](#realtime-charts)
- [Math Functions Charts](#math-functions-charts)
- [Charts Functions](#charts-functions)
- [Available Chart Settings](#available-chart-settings)
- [Chart Examples](#chart-examples)
- [Extend your way](#extend-your-way)

Installation
------------

[](#installation)

### Video Tutorial

[](#video-tutorial)

[![Video Tutorial](https://camo.githubusercontent.com/d6c69a65ccd07b3afbaab30305bb81f7dea141c72b5d0acf82c3c29521725945/68747470733a2f2f696d672e796f75747562652e636f6d2f76692f4b724176725532585975592f302e6a7067)](https://www.youtube.com/watch?v=KrAvrU2XYuY)

To install charts use composer

### Download

[](#download)

```
composer require husseinsayed/charts

```

### Add service provider & alias

[](#add-service-provider--alias)

Add the following service provider to the array in: `config/app.php`

```
HusseinSayed\Charts\ChartsServiceProvider::class,
```

Add the following alias to the array in: `config/app.php`

```
'Charts' => HusseinSayed\Charts\Charts::class,
```

### Publish the assets

[](#publish-the-assets)

```
php artisan vendor:publish --tag=charts_config
php artisan vendor:publish --tag=charts_assets --force

```

Default Settings
----------------

[](#default-settings)

The file in: `config/charts.php` contains an array of settings, you can find the default settings in there.

Example Usage
-------------

[](#example-usage)

Example Controller:

```