1

毎日、毎時 MySql データベースに値を取得します。ハイチャートのあるサイトを手に入れましたが、うまくいきません。

自分の時間に整理された MySql から現在の日の値を取得する必要があります。

ここに私のハイチャートコードがあります:

<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 に答える