Question

我每天都会在每天的时间里获取MySql数据库的值。我得到了高图的网站，但我无法让它工作。

我需要将MySql的当前日期值组织为拥有时间。

这是我的Highcharts代码：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
    <script src="http://code.highcharts.com/highcharts.js"></script>
    <script type="text/javascript">     
            var chart;
            $(document).ready(function() {
                chart = new Highcharts.Chart({
                    chart: {
                        renderTo: 'chart',
                        defaultSeriesType: 'spline'
                    },
                    title: {
                        text: "Today's Values"
                    },
                    subtitle: {
                        text: 'Values by Hour'
                    },
                    credits: {
                        enabled: false
                    },                  
                    xAxis: {
                        categories: ['12AM', '1AM', '2AM', '3AM', '4AM', '5AM', 
                            '6AM', '7AM', '8AM', '9AM', '10AM', '11AM','12PM', '1PM', '2PM', '3PM', '4PM', '5PM', 
                            '6PM', '7PM', '8PM', '9PM', '10PM', '11PM']
                    },
                    yAxis: {
                        min: 0,
                        title: {
                            text: 'Values'
                        },
                        labels: {
                            formatter: function() {
                                return this.value
                            }
                        }
                    },
                    tooltip: {
                        valueDecimals: 2,
                        crosshairs: true,
                        shared: true,
                        formatter: function() {
                            return '$' + this.y;
                        }
                    },
                    plotOptions: {
                        spline: {
                            marker: {
                                radius: 4,
                                lineColor: '#666666',
                                lineWidth: 1
                            }
                        }
                    },
                    series: [{
                        name: 'Values',
                        data: [
                        0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]

                    }]
                });                             
            });


</script>

这是来自MySql数据库的图片

chart

因此，我需要将MySql中的所有值分类为图表中的小时数。它应该计算值+显示在自己的类别，任何想法如何做到这一点？

我坚持这个因为我不知道该怎么做。

Answer 1

我建议熟悉有关MySQL http://docs.highcharts.com/#preprocessing-data-from-a-database

预处理数据的文章

您应该将您的数据从php导出为JSON，然后如果您希望使用xAxis的类别，则需要解析您的JSON并将适当的数据推送到正确的位置。与数据点串联。

获取当前日期值到自己的时间

1 个答案: