Loading Laravel Chart consoletvs/charts:7.*

Question

I am new to laravel charts.I thought following the documentation to make a sample chart will be a stepping stone. Having followed the documentation form adding the package into my project using composer require consoletvs/charts:7.* and publishing the configuration file by running php artisan vendor:publish --tag=charts and then creating a new chart with the command: php artisan make:chart SampleChart a SampleChart was made under App\Chart

In the SampleChart class i made the following chart configuration

 public ?string $name = 'SampleChart';
  public ?string $routeName = 'SampleChart';
   public ?array $middlewares = ['auth'];

I then manually register using the App\Providers\AppServiceProvider with the code as stated from the documentation

 public function boot(Charts $charts)
        {
            $charts->register([
                \App\Charts\SampleChart::class
            ]);
        }

On rendering the chart in my views; I put in the following code

    

 
//downloaded from https://unpkg.com/echarts/dist/echarts.min.js

 //downloaded from https://unpkg.com/@chartisan/echarts/dist/chartisan_echarts.js

the output is a flex item with a caption "Loading some chart data... " and nothing shows. Am Stucked

I used the tutorial form https://dev.to/arielmejiadev/use-laravel-charts-in-laravel-5bbm and https://izwebtechnologies.com/2019/06/03/how-to-create-charts-in-laravel/ but none was able to made me accomplish having a chart. though the two tutorial links are for chart6.* i later read the two have different approaches to chart design. I am Usning Laravel7 and charts:7.*

user_8280247 · Answer

i am the author.

Some of the issues may be releated to laravel charts, and others to chartisan. I am doing my best to keep everybody happy here but seems people are not happy with the docs.

I am creating an example page with all sorts of examples on chartisan's page.

Remember laravel charts now only acts as a wrapper around chartisan's php package.

Its such a big project for a single person and i like to see constructive feedback.

What exacly isn't clear from the chartisan docs?

user_2362323 · Answer

try to run without public ?array $middlewares = ['auth']; set. just public ?array $middlewares = [];

^^^^^^^^^^ this is how I used with Laravel package ^^^^^^^^^^

vvvvvvvvvvvvvvvvvvvv This is how I use now vvvvvvvvvvvvvvvvvvvv

After some time using the ConsoleTV/Charts I decided not to use it like Laravel package. I get rid of any use of it and use the javascript version only.

To get the data I did this:

Create a controller named whatever you want and put a function like this:

    public function chartSample1()
    {
        $data = array(
            "chart" => array(
                "labels" => ["First", "Second", "Third"]
            ),
            "datasets" => array(
                array("name" => "Sample 1", "values" => array(10, 3, 7)),
                array("name" => "Sample 2", "values" => array(1, 6, 2)),
            )
        );

        return $data;
    }

On the "routes/web.php" added:

Route::get('/chartSample1', 'MyChartController@chartSample1')->name('chartSample1');

And on the page:

@extends('layouts.app')

@section('content')

    
        
            
                
                    
                        Special title treatment

                        

                        Go somewhere
                    
                
            
            
                
                    
                        Special title treatment
                        
                        Go somewhere
                    
                
            
            
                
                    
                        Special title treatment
                        
                        Go somewhere
                    
                
            
            
                
                    
                        Special title treatment
                        With supporting text below as a natural lead-in to additional content.
                        Go somewhere
                    
                
            
        
    



{{-- This script has more features --}}



{{-- 

 
--}}

user_13859489 · Answer

I had a similar problem and I've been able to solve it. The configuration in your chart class is not compulsory. You can choose to ignore them.

Your render url is also wrong. It is supposed to be in snake case:

//SampleChart will be
@chart('sample_chart')

//PostData will be
@chart('post_data')

If you specified the route in your Chart class, you will have to use that: @chart('your_route'). If you don't know your route, use the php artisan route:list -c command to check.

If you want to specify the type of chart, you have to use hooks.

I ran into a bit of an issue myself. Everything Works for line chart and bar chart, but i can't present a pie chart. The Doughnut is also not working.

Loading Laravel Chart consoletvs/charts:7.*

3 Answers