-2

よく説明された例または少なくとも定義を見つけようとしましたが、運がありませんでした。基本的に私はデータテーブルを持っています。そこからいくつかの値を取得し、jquery high-chart を使用して表示したいと考えています。これまでのところ、私はこれを持っています：

<?php
include("connect.php"); //script for connecting to database and defining the $connection
$query = "SELECT * FROM meetings";
$result = mysql_query($query, $connection);
$numberOfMeetings = 25; //this is mocked here so you can better understand the code
echo '<table>
      <tbody>';
while ($row = mysql_fetch_array($result)) {
    echo '<tr>';
    echo '<td>' . $row['memberName'] . '</td>';
    echo '<td>' . ($row['timesPresent'] / $numberOfMeetings) * 100 . '%</td>';
    echo '</tr>';
}
?>

たくさんの行と 2 列のシンプルなテーブルができました。最初の列にはメンバーの名前が表示され、2 番目の列にはそのメンバーが会議に出席した回数の割合が表示されます。

私の質問は、このデータテーブルとそれらの値があることです (必要に応じて、いつでも値を配列に入れることができます)。

どういうわけか、カテゴリとデータをphp値からjqueryコードに渡す必要がありますが、どうすればよいですか?

4

1 に答える 1

1 
    To use this you have to pass DB values from PHP to Javascript
    use php on same page or get the values from AJAX
    here is the demo how to use on same page

    <?php
    include("connect.php"); //script for connecting to database and defining the $connection
    $query = "SELECT * FROM meetings";
    $result = mysql_query($query, $connection);
    $numberOfMeetings = 25; //this is mocked here so you can better understand the code

    $membername=array();
    $timepresent=array();

    while ($row = mysql_fetch_array($result)) {
        $membername[]=$row['memberName']; 
        $timepresent[]=($row['timesPresent'] / $numberOfMeetings) * 100;
    }

    $membername="'".implode("','", $membername)."'";
    $timepresent=implode(",", $timepresent);

    ?>


//pass values in Javascript

$(function () {
        $('#container').highcharts({
            chart: {
                type: 'bar'
            },
            title: {
                text: 'Percentage of members on meetings'
            },
            xAxis: {
                categories: [<?php echo $membername?>],
                title: {
                    text: "Members"
                }
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Percentage',
                    align: 'middle'
                },
                labels: {
                    overflow: 'justify'
                }
            },
            tooltip: {
            valueDecimals: 2,
            valueSuffix: ' %'
        },
            plotOptions: {
                bar: {
                    dataLabels: {
                        enabled: true
                    }
                }
            },
            credits: {
                enabled: false
            },
            series: [{
                name: 'Present: ',
                data: [<?php echo $timepresent?>]
            }]
        });
    });
于 2013-06-07T18:49:26.577 に答える