-2

私はOpenCartを使用して、MVC構造設計に従ったeコマースプラットフォームを構築しています。現在、ダッシュボードに円グラフを表示しようとしています。このために、GoogleChartsAPIを使用しています。最初のデータ表示のみを実行すると、ループ内のデータが取得されません。これが私のコードです。このためにループを設定するにはどうすればよいですか？

<html>
    <head>
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
        <script type="text/javascript">
            google.load("visualization", "1", {packages:["corechart"]});
            google.setOnLoadCallback(drawChart);
            function drawChart() {
                var data = google.visualization.arrayToDataTable([
                    ['Task', 'Hours per Day'],
                    $resultViewed = $this->model_report_product->getMostViewed();
                    $stringResult ="var data= google.visualization.arrayToDataTable([ ['Product', 'Views'],";

                    foreach($resultViewed as $resultKey => $resultValue)
                    {
                        //var_dump($resultValue);
                        $stringResult = $stringResult . "['".$resultValue['name']."',".$resultValue['quantity']."],";
                        var_dump($stringResult);
                    }
                    $stringResult .= "]);";

                    $this->data['Viewed'] = $stringResult;
                ]);

                var options = {
                  title: 'My Daily Activities'
                };

                var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
                chart.draw(data, options);
            }
        </script>
    </head>
    <body>
        <div id="chart_div" style="width: 900px; height: 500px;"></div>
    </body>
</html>
4

1 に答える 1

1

PHPコードの周りにPHPタグを使用していますか？あなたのコードから、あなたはそうではないようです。

とにかく、この種のコードはあなたのためにうまくいくはずです：

<?php
    $resultViewed = $this->model_report_product->getMostViewed();

    foreach($resultViewed as $resultValue){
        $results[] = "['".$resultValue['name']."', ".$resultValue['quantity']."]";
    }
    $stringResult = implode(",", $results);
?>
<html>
    <head>
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
        <script type="text/javascript">
            google.load("visualization", "1", {packages:["corechart"]});
            google.setOnLoadCallback(drawChart);

            function drawChart() {
                var data = google.visualization.arrayToDataTable([
                    ['Task', 'Hours per Day'],
                    <?php
                    print $stringResult;
                    ?>
                 ]);

                var options = {
                    title: 'My Daily Activities'
                };

                var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
                chart.draw(data, options);
            }
        </script>
    </head>
    <body>
        <div id="chart_div" style="width: 900px; height: 500px;"></div>
    </body>
</html>
于 2012-07-15T21:03:34.960 に答える