Simple example

Create a chart

php artisan make:chart MonthlyUsersChart

Then select a chart type:

- [x] Pie Chart
- [ ] Donut Chart
- [ ] Radial Bar Chart
- [ ] Polar Area Chart
- [ ] Line Chart
- [ ] Area Chart
- [ ] Bar Chart
- [ ] Horizontal Bar Chart
- [ ] HeatMap Chart
- [ ] Radar Chart

Now you are able to see the chart file in app/Charts/MonthlyUsersChart.php

<?php

namespace App\Charts;

use ArielMejiaDev\LarapexCharts\LarapexChart;

class MonthlyUsersChart
{
    protected $chart;

    public function __construct(LarapexChart $chart)
    {
        $this->chart = $chart;
    } 
   
    public function build()
    {
        return $this->chart->pieChart()
            ->setTitle('Top 3 scorers of the team.')
            ->setSubtitle('Season 2021.')
            ->addData([40, 50, 30])
            ->setLabels(['Player 7', 'Player 10', 'Player 9']);
    }
}

Return a view with the chart

Create a controller

php artisan make:controller UserController -r

On app/Http/Controllers/UserController.php inject the chart object:

public function index(MonthlyUsersChart $chart)
{
    return view('users.index', ['chart' => $chart->build()]);
}

You need to create a view in the directory resources/views/users/index.blade.php.

Attach a route to the controller

Add this route on routes/web.php

Route::get('/users', [UserController::class, 'index'])->name('users.index');

Add the chart to a view

Copy and paste this layout, it is using tailwindcss, but you can use any css styles.

It adds $chart->container(), $chart->cdn() and $chart->script() methods, to render a chart.

resources/views/users/index.blade.php