[![MadeWithLaravel.com shield](https://madewithlaravel.com/storage/repo-shields/2175-shield.svg)](https://madewithlaravel.com/p/larapex-charts/shield-link) [![Latest Stable Version](https://poser.pugx.org/arielmejiadev/larapex-charts/v/stable)](https://packagist.org/packages/arielmejiadev/larapex-charts) [![Total Downloads](https://poser.pugx.org/arielmejiadev/larapex-charts/downloads)](https://packagist.org/packages/arielmejiadev/larapex-charts) ![GitHub Actions](https://github.com/arielmejiadev/larapex-charts/actions/workflows/main.yml/badge.svg) [![License](https://poser.pugx.org/arielmejiadev/larapex-charts/license)](https://packagist.org/packages/arielmejiadev/larapex-charts)
A Laravel wrapper for apex charts library Check the documentation on: Larapex Chart Docs.
Use composer.
composer require arielmejiadev/larapex-charts
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="https://github.com/ArielMejiaDev/larapex-charts/raw/master/{{ $chart->cdn() }}"></script>
{{ $chart->script() }}
</body>
</html>
$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, Horizontal Bar, Heatmap, pie, donut and Radialbar.
Check the documentation on: Larapex Chart Docs
The author Ariel Mejia Dev.
Hey 👋 thanks for considering making a donation, with these donations I can continue working to contribute to opensource projects.
@apexchartscdn
@script($chart)