Laravel Create PDF with Charts Example

In this tutorial, you will learn generate pdf with graph in laravel. Here you will learn how to display chart in laravel pdf. We will look at example of laravel pdf with graph example. This tutorial will give you simple example of how to show pdf graph show in laravel.

When you work with big laravel application at time you may need to generate pdf file with chart in laravel. you might used google chart, chart js, highcharts etc with laravel. here i will show you step by step tutorial of how to generate pdf file with chart.

we will use wkhtmltopdf software to export chart to pdf in laravel. if you have large amount of data then you must have to use wkhtmltopdf. it will help you easily generate pdf file with images, chart and big data.

you can easily generate pdf file with laravel 6 and laravel 7 too.

Let's see bellow tutorial step by step:

Preview:

Step 1: Install wkhtmltopdf

here, we will install wkhtmltopdf software on our system. so let's install in ubuntu and windows as here bellow:

For Ubuntu:

sudo apt install wkhtmltopdf

For Windows:

you have to go bellow link and you will have to download exe from there.

https://wkhtmltopdf.org/

Step 2: Install Laravel

first of all we need to get fresh Laravel 7 version application using bellow command, So open your terminal OR command prompt and run bellow command:

composer create-project --prefer-dist laravel/laravel blog

Step 3: Install mikehaertl/phpwkhtmltopdf

now in this step, we will simply install mikehaertl/phpwkhtmltopdf to our laravel 7 application using bellow command:

composer require mikehaertl/phpwkhtmltopdf

Step 4: Add Routes

In this is step we need to create routes for view pdf content and download it listing. so open your "routes/web.php" file and add following route.

routes/web.php


Route::get('preview', 'PDFController@preview');
Route::get('download', 'PDFController@download')->name('download');

Step 5: Create Controller

Here,we require to create new controller PDFController that will manage generatePDF method of route. So let's put bellow code.

app/Http/Controllers/PDFController.php


<?php
  
namespace App\Http\Controllers;
  
use Illuminate\Http\Request;
use mikehaertl\wkhtmlto\Pdf;
  
class PDFController extends Controller
{
    /**
     * Write code on Construct
     *
     * @return \Illuminate\Http\Response
     */
    public function preview()
    {
        return view('chart');
    }
  
    /**
     * Write code on Construct
     *
     * @return \Illuminate\Http\Response
     */
    public function download()
    {
        $render = view('chart')->render();
  
        $pdf = new Pdf;
        $pdf->addPage($render);
        $pdf->setOptions(['javascript-delay' => 5000]);
        $pdf->saveAs(public_path('report.pdf'));
   
        return response()->download(public_path('report.pdf'));
    }
}

Step 6: Create View File

In Last step, let's create chart.blade.php(resources/views/chart.blade.php) with google chart and put following code:

resources/views/chart.blade.php


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="https://www.google.com/jsapi"></script>
    <style>
        .pie-chart {
            width: 600px;
            height: 400px;
            margin: 0 auto;
        }
        .text-center{
            text-align: center;
        }
    </style>
</head>
<body>
  
<h2 class="text-center">Generate PDF with Chart in Laravel</h2>
  
<div id="chartDiv" class="pie-chart"></div>
  
<div class="text-center">
    <a href="{{ route('download') }}">Download PDF File</a>
    <h2>HDTuto.com.com</h2>
</div>
  
<script type="text/javascript">
    window.onload = function() {
        google.load("visualization", "1.1", {
            packages: ["corechart"],
            callback: 'drawChart'
        });
    };
  
    function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Pizza');
        data.addColumn('number', 'Populartiy');
        data.addRows([
            ['Laravel', 33],
            ['Codeigniter', 26],
            ['Symfony', 22],
            ['CakePHP', 10],
            ['Slim', 9]
        ]);
  
        var options = {
            title: 'Popularity of Types of Framework',
            sliceVisibilityThreshold: .2
        };
  
        var chart = new google.visualization.PieChart(document.getElementById('chartDiv'));
        chart.draw(data, options);
    }
</script>
  
</body>
</html>

Now you can run using bellow command:

php artisan serve

Open bellow URL:

http://localhost:8000/preview

You will download file as like bellow:

I hope it can help you...

Laravel Create PDF with Charts Example

Do you like below Tutorials ?

New Articles

Blog Categories

Random Articles