CodeIgniter y JpGraph

[yonathan90]

Hola, necesito ayuda, estoy utilizando la libreria JpGraph para generar gráficos, actualmente genero imágenes para luego cargarlas en la vista.

pero lo que quiero es generar directamente al navegador.

he buscado en internet, y encontre que cargan el archivo php, el cual genera el grafico.
<img src="archivo_grafico.php">

y lo que imprime es lo siguiente: ?PNG

Como puedo generar directamente, sin guardar imágenes.

[Karmac]

A la hora de crear imágenes dinamicamente lo que se hace es colocar un header al principio del código que indique que el contenido va a ser una imagen, por lo que el navegador ignorará la extensión y tratará al archivo como tal.

Código PHP:

header( 'Content-type: image/png' );
 

Después, utilizando las funciones de imagenes en PHP se suele crear una imagen y hacerla PNG con la función imagepng();

Buscando por la documentación de JpGraph he encontrado el siguiente código que parece hacer lo que tu buscas, aunque eso sí, esta un poco sucio y ilegible.

Código PHP:

// Assume we would like to combine graph1,2 and 3
// ...... create graph 1 here.......
$handle1 =  $graph1->Stroke( _IMG_HANDLER);
 
// ...... create graph 2 here.......
$handle2 =  $graph2->Stroke( _IMG_HANDLER);
 
// ...... create graph 3 here.......
$handle3 =  $graph3->Stroke( _IMG_HANDLER);
 
 
// Now create the "melting graph" which should contain all three graphs
// $WIDTH1 and $HEIGHT1 are width and height of graph 1 ($handle1)
// $WIDTH2 and $HEIGHT2 are width and height of graph 2 ($handle2)
// $WIDTH3 and $HEIGHT3 are width and height of graph 3 ($handle3)
// $x2,$x3 and $y2,$y3 shift from top left of global graph (ie position of 
// graph2 and graph3 in global graph)
 
$image = imagecreatetruecolor($WIDTH1,$HEIGHT1);
imagecopy($image, $handle1,0, 0, 0, 0, $WIDTH1,$HEIGHT1);
imagecopy($image, $handle1,$x1,$y1,0,0,$WIDTH2,$HEIGHT2);
imagecopy($image, $handle1,$x2,$y2,0,0,$WIDTH3,$HEIGHT3);
 
// Stream the result back as a PNG image
header("Content-type: image/png");
imagepng ($image);
 

Básicamente lo que hace es crear una imagen con la librería JpGraph, y después crea otro lienzo con las funciones nativas de PHP para imagenes. Al final con imagecopy copia la imagen del gráfico al lienzo.

Si me muestras tu código quizá pueda pasartelo adaptado. Saludos.

[yonathan90]

hola, gracias por responder.
este es el código que utilizo.
codigo php para generar el grafico, esta en una clase que hereda de jpgraph

Código PHP:

public function Graficar_barras($titulo, $datos, $etiquetas, $nombre, $id) {
// Creamos el grafico
        $grafico = new Graph(200, 140);
        $grafico->SetScale('textint');
// Ajustamos los margenes del grafico-----    (left,right,top,bottom)
        $grafico->SetMargin(0, 0, 20, 20);
// Creamos barras de datos a partir del array de datos
        $bplot = new BarPlot($datos);
// Configuramos color de las barras
        $bplot->SetFillColor('#003399');
//Añadimos barra de datos al grafico
        $grafico->Add($bplot);
// Queremos mostrar el valor numerico de la barra
        $bplot->SetWidth(0.6);
        $bplot->value->SetFont(FF_ARIAL, FS_NORMAL, 7);
        $bplot->value->SetFormat("%.0f");
        $bplot->value->SetColor("#000000");
        $bplot->value->Show(TRUE);
 
 
        $grafico->xaxis->SetTickLabels($etiquetas);
        $grafico->ygrid->SetFill(FALSE);
// Configuracion de los titulos
        $grafico->title->Set($titulo, "high");
        $grafico->title->SetFont(FF_VERDANA, FS_BOLD, 8);
        $grafico->yaxis->SetFont(FF_ARIAL, FS_NORMAL, 6);
        $grafico->yaxis->SetLabelFormatCallback("number_format");
        $grafico->yaxis->SetLabelMargin(0);
        $grafico->yaxis->title->Set('');
        $grafico->yaxis->title->SetFont(FF_FONT1, FS_BOLD);
        $grafico->xaxis->title->Set('');
        $grafico->xaxis->title->SetFont(FF_FONT1, FS_BOLD);
        $grafico->ygrid->Show(FALSE);
 
 
        if (!is_dir("./images/graficos/" . $id)) {
            mkdir("./images/graficos/" . $id);
        }
        @unlink("./images/graficos/" . $id . "/" . $nombre . ".jpg");
        $grafico->Stroke("./images/graficos/" . $id . "/" . $nombre . ".jpg");
        echo "<img src='./images/graficos/" . $id . "/" . $nombre . ".jpg'/>";
    }
 

codigo de la vista donde llamo al grafico

Código PHP:

$ci = &get_instance();
$ci->load->library("graficar");
$ci->graficar->Graficar_barras("Beneficiarios", array(100,200,150), array("2010","2011","2012"), "barra2", "id_1");
 

[Karmac]

Mira el ejemplo que hice, al final no me ha hecho falta ni colocar el header ni darle tantas vueltas a la imagen como en el ejemplo de arriba.

graph.php

Código PHP:

<?php
require_once 'library/src/jpgraph.php';
require_once 'library/src/jpgraph_bar.php';
 
$graph = new Graph(200, 140);
 
$graph->SetScale( 'textint' );
$graph->SetMargin( 0, 0, 20, 20 );
 
$barplot = new BarPlot( array( 100, 200, 150 ) );
 
$barplot->SetFillColor( '#003399' );
 
$graph->Add( $barplot );
 
// header( 'Content-type: image/png' );
$graph->Stroke();
?>
 

index.html

Código HTML:

<img src="graph.php" alt="Graph">
 

He estado leyendo la documentación y pone que si al método Graph::Stroke no le pasas ningún argumento no guardará la imagen y la mostrará en el navegador.

El modo largo es el siguiente, hace lo mismo que el código de arriba pero con la diferencia de que podrías usar la imagen en un PDF o algo.

img.php

Código PHP:

<?php
require_once 'library/src/jpgraph.php';
require_once 'library/src/jpgraph_bar.php';
 
$graph = new Graph(200, 140);
 
$graph->SetScale( 'textint' );
$graph->SetMargin( 0, 0, 20, 20 );
 
$barplot = new BarPlot( array( 100, 200, 150 ) );
 
$barplot->SetFillColor( '#003399' );
 
$graph->Add( $barplot );
 
$handle = $graph->Stroke( _IMG_HANDLER );
 
$img = imagecreatetruecolor( 200, 140 );
imagecopy( $img, $handle, 0, 0, 0, 0, 200, 140 );
 
header( 'Content-type: image/png' );
imagepng( $img );
?>
 

No he conseguido que la imagen se guarde y se muestre a la vez, aunque supongo que invocando Graph::Stroke dos veces (una con una ruta y la otra con el parámetro vacío) se podrá.

Espero que te funcione así. Saludos.

[yonathan90]

gracias, pero no me funciona me aparece ?PNG.

cuando lo uso dentro de CodeIgniter me arroja esto, pero si lo utilizo con php nativo funciona perfecto

[Karmac]

Me he quedado en blanco, a ver si algún otro usuario puede ayudarte.

Prueba a definir los header necesarios, quizá sea por eso que el navegador no reconoce la imagen o algo.

Código PHP:

$CI->output->set_content_type( 'png' );
// O bien.
$CI->output->set_content_type( 'jpeg' );
 

Prueba con las dos a ver. Saludos.

[yonathan90]

probé con esto y nada.

Código PHP:

$CI->output->set_content_type( 'png' );
// O bien.
$CI->output->set_content_type( 'jpeg' );
 

tu lo probaste en CodeIgniter y te funciono, me podrías enviar el código completo en CodeIgniter por favor.

[Karmac]

No lo probé en CI, daba por supuesto que no daría ningún error. No se de donde puede venir.
Saludos.