Docs
Drawing Charts
Apex Charts

Apex Charts

In this section we will reproduce the same chart as the Creating Your First JavaScript Chart section of the Apex Charts docs.

After installing Axis and Apex Charts, we can instantiate a chart object and pass it to a view on a controller:

use Axis\Chart;

class ExampleController extends Controller
{
    public function __invoke(): View
    {
        $chart = Chart::apex()
            ->column()
            ->labels([1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999])
            ->series('sales', [30, 40, 35, 50, 49, 60, 70, 91, 125]);

        return view('example.chart', compact('chart'));
    }
}

On the blade file:

<section>
    <div>{{ $chart }}</div>
</section>

You should get a chart like this one.

Pretty simple, right?

Last updated on
Drawing Charts