mohamedhabibwork / larapex-charts
Package to provide easy api to build apex charts on Laravel
dev-master
2022-08-04 13:52 UTC
Requires
- php: ^7.4|^8.0
- ext-json: *
- illuminate/support: ^8.0|^9.0
Requires (Dev)
- orchestra/testbench: ^6.0
- phpunit/phpunit: ^9.0
This package is auto-updated.
Last update: 2024-11-04 18:40:47 UTC
README
A Laravel wrapper for apex charts library Check the documentation on: Larapex Chart Docs.
Installation
Use composer.
composer require arielmejiadev/larapex-charts
Usage
Basic example
In your controller add:
$chart = (new LarapexChart)->setTitle('Posts') ->setDataset([150, 120]) ->setLabels(['Published', 'No Published']);
Remember to import the Facade to your controller with
use ArielMejiaDev\LarapexCharts\Facades\LarapexChart
Or importing the LarapexChart class:
use ArielMejiaDev\LarapexCharts\LarapexChart;
Then in your view (Blade file) add:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Chart Sample</title> </head> <body> {!! $chart->container() !!} <script src="{{ $chart->cdn() }}"></script> {{ $chart->script() }} </body> </html>
More complex example
$chart = (new LarapexChart)->setType('area') ->setTitle('Total Users Monthly') ->setSubtitle('From January to March') ->setXAxis([ 'Jan', 'Feb', 'Mar' ]) ->setDataset([ [ 'name' => 'Active Users', 'data' => [250, 700, 1200] ] ]);
You can create a variety of charts including: Line, Area, Bar, Horizantal Bar, Heatmap, pie, donut and Radialbar.
More examples
Check the documentation on: Larapex Chart Docs
Contributing
The author Ariel Mejia Dev.
License
Support the project
Hey 👋 thanks for considering making a donation, with these donations I can continue working to contribute to opensource projects.
To do for version 4
- Add blade directive
@apexchartscdn
- Add blade directive
@script($chart)
- Add a command to generate a blade component with the boilerplate directives just to include it on any blade file.
- Add a command to generate a vue component with all the boilerplate to just pass a
chart
prop and include the component on any vue component.