How to add charts in Laravel 5 using Highcharts?

How to add charts in Laravel 5 using Highcharts?

Laravel 5’s Blade template engine is awesome. you can easyly use PHP variable, js and js library in laravel view. i will create chart using Highcharts in my laravel application. Highcharts is a js library, this library through we can use bar chart, line chart, area chart, column chart etc, Highcharts also provide sevral theme and graph that way you can use more chart from here : HighCharts Site.

Whenever you need to add charts in laravel server side. then you can easily use following example you have to fetch data from database and then set in Highcharts function, so let’s see how to use Highcharts in larave with proper example.

So, first add bellow method like this way in your controller :

Controller Method

public function highchart() { $viewer = View::select(DB::raw("SUM(numberofview) as count")) ->orderBy("created_at") ->groupBy(DB::raw("year(created_at)")) ->get()->toArray(); $viewer = array_column($viewer, 'count'); $click = Click::select(DB::raw("SUM(numberofclick) as count")) ->orderBy("created_at") ->groupBy(DB::raw("year(created_at)")) ->get()->toArray(); $click = array_column($click, 'count'); return view('highchart') ->with('viewer',json_encode($viewer,JSON_NUMERIC_CHECK)) ->with('click',json_encode($click,JSON_NUMERIC_CHECK)); }

And Put bellow code in highchart view file.


Originally published at

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.