显示来自数据库表 laravel 的 highcharts 数据答案

【问题标题】：show data of highcharts from database table laravel显示来自数据库表 laravel 的 highcharts 数据
【发布时间】：2018-10-30 18:42:02
【问题描述】：

我想在 highcharts 中显示我的表格信息。

这是我的表架构：

我想在 highcharts 中将 EventDateTime 显示为 name

和 X、Y、Z 值作为高图的数据

这是我的代码：

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'));

名称正在显示。

我的问题是我没有在图表中填充数据。

最好的方法是什么...？

【问题讨论】：

在控制器中显示你的代码

标签： javascript laravel highcharts controller laravel-blade

【解决方案1】：

改变你的 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/

【讨论】：