Question

我正在使用CakePHP 2.x，我需要通过图表显示报告。我在Scott Harwell看到了CakePHP CakePHP GoogleCharts插件的这个插件。我一步一步地做了一切，不知怎的，我的观点一直空洞。

DOM中没有javascript输出。

这是我的代码：

我的bootstrap.php

CakePlugin::load('GoogleCharts');

我的控制器：

$results = $this->Statistique->getIndicateursQuants( $this->request->data );
$this->set( 'results', $results );

$chart = new GoogleCharts();
$chart->type("LineChart");  
$chart->options(array('title' => "Etat statistique du nombre de flux")); 
$chart->columns(array(
       'name' => array(
           'type' => 'string',              
            'label' => 'Name'
        ),
        'nb' => array(
            'type' => 'number',
             'label' => 'nombre',
        )
 ));
 $content_chart =array();
 foreach($results as $index => $result){
    foreach($result as $cle => $value){
                    array_push($content_chart,array("name"=>$cle,"nb"=> (int)$value));
    }
 }
 foreach($content_chart as $row){
     $chart->addRow(array('name' => $row['name'], 'nb' => $row['nb']));
 }
 $this->set(compact('chart'));

我的观点：

<div id="chart_div">
    <?php $this->GoogleCharts->createJsChart($chart);?>
</div>

我在GoogleChartsHelper中有测试人员，$ scriptOutput是这样的：

$(document).ready(function(){
options_56823e100db90 = chartOptions = {
"width":400,
"height":300,
"title":"Etat statistique du nombre de flux",
"titleTextStyle":{"color":"red"}
};
js_56823e100dc16 = chartData = new google.visualization.arrayToDataTable([
['Name','nombre'],
['encours',852],
['refuse',11],
['valide',13],
['cloture',91],
['total',967]]);
chart_56823e100dcaf = chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart_56823e100dcaf.draw(js_56823e100dc16, options_56823e100db90);});

但是当我看到源代码时，这并没有包含在DOM中。

插件：enter image description here

非常感谢。

Answer 1

在您的控制器中，<?php $con = mysqli_connect('localhost','user','password','database'); if (!$con) { die('Could not connect: ' . mysqli_error($con)); } else{ $sql="SELECT * FROM custinfo WHERE orderopen = 1"; $result = mysqli_query($con,$sql); echo "<table border='1' bordercolor='blue' bgcolor='CCFFFF' cellpadding='0'> <tr><h2> Open Orders:</h2> <th>OrderID</th> <th>Firstname</th> <th>Lastname</th> <th>Phone</th> </tr>"; while($row = mysqli_fetch_array($result)) { echo "<tr>"; echo "<td><h3><font color='blue'>" . $row['orderid'] . "</font></h3></td>"; echo "<td><h3><font color='blue'>" . $row['firstname1st'] . "</font></h3></td>"; echo "<td><h3><font color='blue'>" . $row['lastname1st'] . "</font></h3></font></td>"; echo "<td><h3><font color='red'>" . $row['phone'] . "</font></h3></td>"; echo "</tr>"; } echo "</table>"; } mysqli_close($con); ?>之前$this->set(compact('chart'));执行var_dump($chart);以确定您要发送到视图的内容。这将为您提供有关问题的一些信息。

还有两件事没有明确提及：

1 - 您是否在控制器中加入了App::uses('GoogleCharts', 'GoogleCharts.Lib');？

2 - 您是否在控制器中包含了公共$ helpers = array('GoogleCharts.GoogleCharts');？

这些将指导我们寻求最终解决方案。

GoogleChart插件视图为空

1 个答案: