mPDF y Google Chart

Hola!!

Tengo una vista con graficos usando Google Chart o ChartJS y tengo que crear un pdf con esa información.

De momento he probado con las siguientes extensiones:

  • Google Chart - Link
  • ChartJs Widget - Link
  • yii2-mpdf - Link
  • yii2-pdf - Link

Pero no consigo que se dibujen los gráficos en el pdf.

Lo que he podido leer hasta ahora es que se debe a que los gráficos son creados en el cliente con js.

También he leido que se puede crear los gráficos como imágenes y no con canvas, por lo que he modificado la extensión "[size="2"]Google Chart - [/size]Link" para ello, y al mostrar el contenido en fomato HTML funciona bien, pero no en el pdf. la etiqueta img de salida es la siguiente:




<img src="data:image/png;base64,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">



Código que uso con las extensiones "Google Chart y yii2-mpdf "

Controlador




/*Esta acción es para crear un pdf usando la extension yii2-mpdf - Link*/

	public function actionReport5($id)

	{

		$htmlContent = $this->renderPartial('_reportView5', [

			'model' => $this->findModel($id),

		]);

		$pdf = new Pdf();

		$pdf->content = $htmlContent;

		return $pdf->render();

	}



Vista




<?php

	use yii\helpers\Html;

	use yii\widgets\DetailView;

	use scotthuangzl\googlechart\GoogleChart;

	$this->title = $model->ANA_NUM;

?>

<div class="analisis-view">

<h1><?= Html::encode($this->title) ?></h1>

<div class="col-sm-5">

	<?php

		echo GoogleChart::widget(array('visualization' => 'LineChart',

			'data' => array(

				array('Year', 'Sales', 'Expenses'),

				array('2004', 1000, 400),

				array('2005', 1170, 460),

				array('2006', 660, 1120),

				array('2007', 1030, 540),

			),

			'options' => array(

				'title' => 'My Company Performance2',

				'titleTextStyle' => array('color' => '#FF0000'),

				'vAxis' => array(

					'title' => 'Scott vAxis',

					'gridlines' => array(

						'color' => 'transparent'  //set grid line transparent

					)

				),

				'hAxis' => array('title' => 'Scott hAixs'),

				'curveType' => 'function', //smooth curve or not

				'legend' => array('position' => 'bottom'),

				)));

	?>

</div>

<?= DetailView::widget([

		'model' => $model,

		'attributes' => [

			'ANA_ANY',

			'ANA_NUM',

		],

	])

?>

</div>



Código que uso con las extensiones "Google Chart y yii2-pdf"

Controlador




/*Esta acción es para crear un pdf usando la extension yii2-pdf - Link*/

	public function actionIndexpdf5($id)

	{

		Yii::$app->response->format = 'pdf';

		Yii::$container->set(Yii::$app->response->formatters['pdf']['class'], [

			'format' => [216, 356],

			'orientation' => 'Landscape',

			'beforeRender' => function($mpdf, $data) {},

		]);

		$this->layout = '//print';

		return $this->render('_reportView5', [

			'model' => $this->findModel($id),

		]);

	}



Vista - (Es la misma vista que la anterior)




<?php

	use yii\helpers\Html;

	use yii\widgets\DetailView;

	use scotthuangzl\googlechart\GoogleChart;

	$this->title = $model->ANA_NUM;

?>

<div class="analisis-view">

<h1><?= Html::encode($this->title) ?></h1>

<div class="col-sm-5">

	<?php

		echo GoogleChart::widget(array('visualization' => 'LineChart',

			'data' => array(

				array('Year', 'Sales', 'Expenses'),

				array('2004', 1000, 400),

				array('2005', 1170, 460),

				array('2006', 660, 1120),

				array('2007', 1030, 540),

			),

			'options' => array(

				'title' => 'My Company Performance2',

				'titleTextStyle' => array('color' => '#FF0000'),

				'vAxis' => array(

					'title' => 'Scott vAxis',

					'gridlines' => array(

						'color' => 'transparent'  //set grid line transparent

					)

				),

				'hAxis' => array('title' => 'Scott hAixs'),

				'curveType' => 'function', //smooth curve or not

				'legend' => array('position' => 'bottom'),

				)));

	?>

</div>

<?= DetailView::widget([

		'model' => $model,

		'attributes' => [

			'ANA_ANY',

			'ANA_NUM',

		],

	])

?>

</div>



En los dos casos al mostrar la vista como HTML se dibuja el gráfico en formato PNG (data:image/png;base64), pero al crear el pdf el gráfico no se carga.

He probado incluir directamente la etiqueta de la img y se carga correctamente la imagen en el pdf, pero al generar el gráfico este no llega a cargarlo.

Estoy abierto a usar otras extensiones o sugerencias.

Muchas gracias.

Un saludo.

6606

1-google-chart.png

6607

2-google-chart-png.png

6608

3-pdf.png

6609

4-pdf.png

Hola ¿Pudiste resolver este tema?. Me está pasando lo mismo y no sé como resolverlo. Gracias.

No, lo siento, el cliente desistió de esta funcionalidad ante la dificultad. Suerte!!!

PS: Si lo consigues te agradecería que respondieras en este hilo.

un saludo!!

Para quienes tengan esta pregunta, acá les va la respuesta:

Respuesta corta:

La razón por la cual este tipo de "soluciones" (me refiero en este caso a los gráficos, pero podría aplicar a tecnologías similares) es porque usan Javascript.

Respuesta larga:

mPDF sólo gestiona la conversión de HTML a PDF y eventualmente permite el uso de urls para llamar CSS e imágenes, pero no tiene intérprete de Javascript, por ende no puede procesar gráficos de este tipo. Se requeriría otro tipo de solución para presentar los gráficos: ya sea para procesar los gráficos (recomendado) u otro generador de PDFs a partir de HTML (muy recomendado).

Ah bueno, para los que se pregunten qué motor de conversión de HTML a PDF uso/recomiendo:

Yo uso wkhtmltopdf: Es una librería que usa el motor de Chrome para convertir de HTML (incluso JS) a HTML.

Muchos pros. Pocas contras.

La principal contra es que no puede usarse en hosting compartido (a menos que uno tenga permisos para instalar librerías adicionales, que la verdad no creo).

Adicionalmente, los desarrollos en Yii pueden implementarse en VPS (que están bastante económicos por estos días) que sí permiten este tipo de implementaciones.

Saludos.