parse array in charts js laravel blade

Question

I need show temperature monthly to charts in laravel my view page consist temp.blade

<script>
    console.log({!! $temp !!});
    console.log({!! $dateTemp !!});
    window.onload = function() {
    var ctx = document.getElementById("myChart");
    var myChart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: {!! $temp !!},
            datasets: [{
                label: 'Temperature',
                data: {!! $dateTemp !!},
                borderWidth: 1
            }]
        }
    });
    }
</script>

and controller

public function tempChart()
{
    $temp = Temps::select(DB::raw('temp'))
        ->orderBy('date_temp','asc')
        ->get();
    $temp->implode(',',$temp);
    $dateTemp = Temps::select(DB::raw('temps'))
        ->select('date_temp')
        ->orderBy('date_temp','asc')
        ->get();
    $dateTemp->implode(',',$dateTemp);
    //dd($temp,$dateTemp);
    return view('report/temp')
        ->with('temp',$temp)
        ->with('dateTemp',$dateTemp);
}

it can not show data array but it show

[{...}],[{...}],[{...}]

Nevo · Accepted Answer · 2017-10-04 06:54:58Z

I am not sure which Chart library you are using but most of them wants an array of strings or integer and you give them array of objects.

I think that you just need to convert your array in the php (or in the javescript)

php way:

$temp = Temps::select('temp'`)
    ->orderBy('date_temp','asc')
    ->get()
    ->pluck('temp');


$dateTemp = Temps::select(['temps', 'data-temp'])
    ->orderBy('date_temp','asc')
    ->get()
    ->pluck('data-temp'); // I am not whats the acual query you want but this is the idea

and then if you using laravel 5.5 just write on your blade

<script>
window.onload = function() {

    var ctx = document.getElementById("myChart");
    var myChart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: @json($temp),
            datasets: [{
                label: 'Temperature',
                data: @json($dateTemp) ,
                borderWidth: 1
            }]
        }
    });

}
</script>

Peter Haberkorn · Accepted Answer · 2017-10-04 06:37:56Z

0

Try add high comma to Data?

        datasets: [{
            label: 'Temperature',
            data: '{!! $dateTemp !!}',
            borderWidth: 1
        }]

answered Oct 4, 2017 at 6:37

Peter Haberkorn

2591 silver badge9 bronze badges

4 Comments

story ks Over a year ago

No , error Uncaught TypeError: Object.defineProperty called on non-object

story ks Over a year ago

array:3 [▼ 0 => array:1 [▶] 1 => array:1 [▶] 2 => array:1 [▶] ] array:3 [▼ 0 => array:1 [▶] 1 => array:1 [▶] 2 => array:1 [▶] ]

Peter Haberkorn Over a year ago

what is about json_encode on the array? not implode

story ks Over a year ago

I use both toarray and implode the same results.

Collectives™ on Stack Overflow

parse array in charts js laravel blade

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related