Forum : GoogleCharts

Bonjour.
Le plugin que tu veux utiliser, est pour CakePHP V2 et non pour la V3.
Il n'utilise pas les namespaces (par exemple).
Regardes :

Requirements

CakePHP 2.0+
PHP 5.3+

Donc, à moins que tu modifies le plugin pour qu'il puisse être utilisé par la V3, il t'est inutile.

Pour la V3, tu as par exemple celui-ci : CakePHP 3.0 plugin for Chart.js integration.

Anthony COUE

Auteur

Merci de ton retour, en effet l'outil n'est pas approprié à la version.
Je suis allé voir ton lien, ça me semble être simple.
Alors voici mes actions : récupération de Charts.js placé dans le webroot/js, appel dans mon template.
récupération du plugin, modification du boostrap.php

J'ai suivi le readme pour l'exemple, et lors de l'appel j'obtiens une erreur :
Error: Call to undefined function ChartJs\View\Helper\uc_first()

Une idée ?

Lartak

Essaies tout simplement de remplacer uc_first de la ligne 517 par la fonction ucfirst.
Donc :

$chartType = (strtolower($data['Chart']['type'] === 'doughnut')) ? 'Pie' : uc_first(strtolower($data['Chart']['type']));

Par :

$chartType = (strtolower($data['Chart']['type'] === 'doughnut')) ? 'Pie' : ucfirst(strtolower($data['Chart']['type']));

Anthony COUE

Auteur

Merci, c'est en effet ce que je viens de faire.
Je n'ai plus d'erreur mais pour le moment rien ne s'affiche.
Je continue à chercher

Anthony COUE

Auteur

Je bloque un peu.
en affichant les sources générée, je trouve bien un bloc de script généré :
entre balse script

//<![CDATA[
var chartCanvas = document.createElement("canvas");
chartCanvas.id = "myBarChart";
chartCanvas.className = "myChartJs";
chartCanvas.width = 750;
chartCanvas.height = 300;
...
//]]>

Mais rien à l'affichage à part l'aparition d'un ascenseur vertical.
As tu une piste, paramétrage, options, un div à créer dans la vue, un bloc CSS à déclaré, ...

Merci de ton aide.

Marien

Bonjour,

Je me permet de te répondre concernant la librairie Google Charts.

Je l'utilise et tout fonctionne très bien de mon côté. Je te donne un exemple d'un affichage d'un camembert repertoriant les capacités libre, libérée et utilisée d'un DD:

 <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'],
      ['Libre', <?php echo $libre;?>],
      ['Utilisé', <?php echo $util;?>],
      ['Libéré', <?php echo $libere;?>]

    ]);

    var options = {
      width: 320,
      height: 174,
      'legend':'bottom',
      colors:['#7ead43','#4f6c2a', 'darkorange']
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));

    chart.draw(data, options);
  }
</script>
<div id="piechart" ></div>

Merci de me dire si ça te va :)

GoogleCharts

6 réponses