How to Create Google Chart in Laravel

In this tutorial we will learn how to create google chart in laravel.

How to create google chart in laravel

To create a Google Chart in Laravel, you can follow these steps:

Step 1 - First, you need to include the Google Charts library in your Laravel project. You can do this by adding the following script tag to your blade file:

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

Step 2 - Next, you need to load the Google Charts library in your JavaScript file. You can do this by using the `google.charts.load` function, like this:

google.charts.load('current', {'packages':['corechart']});

Step 3 - Once the library is loaded, you can create a chart object and populate it with data. Here's an example of how to create a pie chart:

var data = google.visualization.arrayToDataTable([
  ['Task', 'Hours per Day'],
  ['Work',     11],
  ['Eat',      2],
  ['Commute',  2],
  ['Watch TV', 2],
  ['Sleep',    7]
]);

var options = {
  title: 'My Daily Activities'
};

var chart = new google.visualization.PieChart(document.getElementById('chart_div'));

chart.draw(data, options);

This code creates a data table with two columns ("Task" and "Hours per Day") and five rows, and then creates a pie chart using that data and some options.

Step 4 - Finally, you need to add an HTML element to your blade file that will display the chart. You can do this by adding a div with an id that matches the id used in the JavaScript code:

<div id="chart_div"></div>

That's it! With these steps, you should be able to create a Google Chart in Laravel.