показать данные старших графиков из таблицы базы данных laravel - PullRequest
Новая
       32

показать данные старших графиков из таблицы базы данных laravel

0 голосов
/ 21 мая 2018

я хочу отображать информацию о своей таблице в старших таблицах.

это моя схема таблицы:

enter image description here

я хочу отобразитьEventDateTime как name в старших чартах

и значениях X, Y, Z как data старших чартах

это мой код: 

var chart = Highcharts.chart('row', {

    chart: {
              type: 'column'
           },

           title: {
                text: 'EventDateTime'
           },

           legend: {
                align: 'right',
                verticalAlign: 'middle',
                layout: 'vertical'
            },

            xAxis: {
                categories: ['X', 'Y', 'Z'],
                labels: {
                    x: -10
                }
            },

            yAxis: {
                allowDecimals: false,
                title: {
                    text: 'Values'
                }
            },

            series: [
               @foreach ($chart as $object)
               {
                  name: {!! json_encode($object->EventDateTime) !!},
                  data: [{!! json_encode($object->XValue) !!}, 
                         {!! json_encode($object->YValue) !!}, 
                         {!! json_encode($object->ZValue) !!}
                        ]
               },
               @endforeach
            ],

            responsive: {
                rules: [{
                    condition: {
                        maxWidth: 500
                    },
                    chartOptions: {
                        legend: {
                            align: 'center',
                            verticalAlign: 'bottom',
                            layout: 'horizontal'
                        },
                        yAxis: {
                            labels: {
                                align: 'left',
                                x: 0,
                                y: -5
                            },
                            title: {
                                text: null
                            }
                        },
                        subtitle: {
                            text: null
                        },
                        credits: {
                            enabled: false
                        }
                    }
                }]
            }
        });

код контроллера: 

$chart = DB::table('tbl_graph')->select('*')->get();
        return view('admin.Charts.index',compact('chart'));

отображается имя.

моя проблема в том, что я не получаю данные, заполненные на диаграмме.

что такоелучший способ сделать это ...?

1 Ответ

0 голосов
/ 21 мая 2018

измените ваш скрипт highChart следующим образом:

вместо координаты оси x: 

xAxis: {
    //array of date print here
    categories: ['date1', 'date2', 'date3'],
    labels: {x: -10}
},

вместо ряда: 

series: [

           {
              name: {X},
              data: [all x values here comma sepearted]
           },
           {
              name: {Y},
              data: [all y values here comma sepearted]
           },
           {
              name: {Z},
              data: [all z values here comma sepearted]
           },
        ],

Вы можете взятьссылка на эту скрипку:

https://jsfiddle.net/xwea5a5b/

...