Laravel ChartJs как правильно получить массив из объекта?

Question

[Kitaro2]

Не давно начал изучать фреймворк вопрос :
в контроллере создал переменную которая выводит информацию по месяцам в виде:

[{"month":"July","monthNum":"2018-07","devices":14},{"month":"August","monthNum":"2018-08","devices":2}]

Сам вопрос - как правильно передать данные из переменной $device {"month":"July"} в 'labels'=> ['month'] и $device {"devices":14} в dataset['data' =>[devices]]?

Comments

[JhaoDa]

Вписать куда?

Answer 1

[netrox]

Через AJAX обращаешься к контролеру. Контролер вернёт json и потом на стороне клиента парсишь полученный json.

$.ajax({
            method: 'POST',
            url: 'url',
            success: function (data) {
                var month=[];
                var device=[];
         
                $.each(JSON.parse(data), function(index, report)
                {
                    month.push(report.month)
                });
                $.each(JSON.parse(data), function(index, name)
                {
                    device.push(name.devices)
                });
          
                //Build chart
                var ctx = document.getElementById('chart').getContext('2d');
                regionChart = new Chart(ctx, {
                    // The type of chart we want to create
                    type: 'horizontalBar',
                    dataType:'json',
                    // The data for our dataset
                    data: {
                        labels: month,
                        datasets: [{
                            label: "Chart",
                            data: device,
                        }]
                    },     
                });
            }
        });

Comments

[Kitaro2]

Спасибо, в будущем пригодится, но в данный момент у меня был план реализовать все в контроллере, сейчас все заработало, сделал на коленке, пока записей в бд мало, не страшно, потом ума наберусь поправлю :)
foreach ($objects as $key => $value) {
foreach ($value as $key1 => $value1) {
// code...
if($key1=='month') $objects1[]=$value1;
if($key1=='devices') $objects2[]=$value1;
}
}

linechart:
import { Line, mixins } from 'vue-chartjs'

export default {
extends: Line,
mixins: [mixins.reactiveProp],
props: ['chartData', 'options'],
mounted () {
this.renderChart(this.chartData, this.options)
}
}

dashboard: