1

我每天每小时都会向 MySql 数据库获取值。我得到了带有 highcharts 的网站,但我无法让它工作。

我需要从 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 数据库的图片

图表

因此,我需要将 MySql 中的所有值归类为图表中的自己小时数。它应该计算值+在自己的类别中显示,知道怎么做吗?

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

4

1 回答 1

0

我建议熟悉有关预处理数据表单 MySQL http://docs.highcharts.com/#preprocessing-data-from-a-database的文章

您应该将 php 中的数据导出为 JSON,然后如果您想为 xAxis 使用类别,则需要解析您的 JSON 并将适当的数据推送到正确的位置。与系列数据点类似。

于 2013-03-13T10:48:47.447 回答