Hello Team,

We are using an export package to generate report PDF. Our code working on another server but the same code not working on the Germany server. PDF generating but image and pie chart won't display.

Hello,

We are using: os amazon linux ami Server: Apache PHP Version: php 7.1

The report is generating but the pie chart and image won't display in PDF. Same code working on same server but location is different.

Already checked with "resourceWaiting" option but the same result. This code working well on local and AWS servers, Same code does not work on the AWS Germany location server. The report is generating thing is image and chart won't show in the report. This is my PHP Code

$report->export('Template_First')
			->pdf(array(
					"format"=>"A4",
					"orientation"=>"portrait"
				)
			)->saveAs($pdfPath);

Below is js code

<script>
	// Pie Chart 1
	var chartNo = 1;
	var dataArray = ['40', '39', '55', '20'];
	var labelArray = ["Extreme", "High", "Medium", "Low"];
	var bgArray = ["#5a9bd5", "#ed7d31", "#a5a5a5", "#ffc000"];
	drowPieChart(dataArray, labelArray, bgArray, 1);
	
	function drowPieChart(dataArray, labelArray, bgArray, chartNo){
		var data = {
			datasets: [{
				data: dataArray,
				backgroundColor: bgArray,
				borderColor: ['#666666', '#666666', '#666666', '#666666'],
				borderWidth: [1,1,1,1]
			}],
			labels: labelArray,
		};
		var pieOptions = {
			legend: {
				position: 'top',
	            display: true,
	            //fullWidth: true,
	            align:"center",
	            //boxWidth:20,
	            //itemWidth: 100,
	            labels: {
          			usePointStyle: false,
       			}
            },
			responsive: true,
			maintainAspectRatio: false,
			events: false,
			animation: {
				duration: 0,
				easing: "easeOutQuart",
				onComplete: function () {
					var ctx = this.chart.ctx;
					ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontFamily, 'normal', Chart.defaults.global.defaultFontFamily);
					ctx.textAlign = 'center';
					ctx.textBaseline = 'bottom';
					//ctx.width=500;
					//ctx.height = 500;
					
					this.data.datasets.forEach(function (dataset) {
						for (var i = 0; i < dataset.data.length; i++) {
							var model = dataset._meta[Object.keys(dataset._meta)[0]].data[i]._model,
							total = dataset._meta[Object.keys(dataset._meta)[0]].total,
							mid_radius = model.innerRadius + (model.outerRadius - model.innerRadius)/2,
							start_angle = model.startAngle,
							end_angle = model.endAngle,
							mid_angle = start_angle + (end_angle - start_angle)/2;
							
							var x = mid_radius * Math.cos(mid_angle);
							var y = mid_radius * Math.sin(mid_angle);
							
							ctx.fillStyle = '#fff';
							var percent = (dataset.data[i]/total*100).toFixed(2);
							percent = String(percent)+"%";
							ctx.fillText(data.labels[i], model.x + x, model.y + y);
							// Display percent in another line, line break doesn't work for fillText
							ctx.fillText(percent, model.x + x, model.y + y + 15);
						}
					});
				}
			}
		};
		var pieChartCanvas = document.getElementById("myChart"+chartNo).getContext('2d');

		var pieChart = new Chart(pieChartCanvas, {
			type: 'pie', // or doughnut
			data: data,
			options: pieOptions
		});
	
	}
	</script>

Below is HTML Code

<div style="border:1px solid #cccccc; padding:10px 5px;">
	<canvas id="myChart1" width="300" height="300"></canvas>
</div>

Yes, we are using an external chart library JSChart. The same library we are using in our software so everything is working except this. This library calling from our server only.

We tried with "useLocalTempFolder" => true, After that we run is giving error mkdir(): Permission denied

We didn't find out any temp folder on the server. My report contains a header image, chart, and table it worked very well on screen, but when i try to export into pdf, the Report exporting but the image and chart not showing the image, and the chart section always blank. Same code with same configuration and same permission working on my other servers only not working on Germany server. Please advise ASAP.

We tried with your code it's giving output = /tmp/5fe05195a0e092.pdf but we didn't find out this path on the server. May I know any dependency for showing images in the report because the image also not showing.

I have already checked the file on your given path but it's not there, please write me the dependency of the image in your plugin.

For the time if we can forget the chart library issue but the logo image also not showing and the same code working on other servers.

Hi Sebastian,

'Cache-Control' => 'max-age=86400' is already set on the domain but the image is not working, As i checked the forced html page all image are coming (logo and graph image) but somehow its not rendering in pdf.

Hi,

We already using both method to display image, Have look below code.

<img src="https://www.imageurl.com" style="float:right; width:80px; margin-right: 2px; display:none;">
	<div class="page-header" style="height:65px; margin-right: 0px; padding: 0px;">
		<div style="color:#333333; width:100%; font-size:11px; border-bottom:1px solid #666666; padding-bottom:5px; height: 40px;">
			<div style="float: left; text-align:left; width:70%; padding-top:8px;">
				<strong style="font-size:13px; color:#000000;"><?php echo $dataArray['company_name'];?></strong><br>
				<span style="font-size:8px; color:#333333; font-style: italic;">Compliance Status Report for <?php echo $dataArray['from'];?> to <?php echo $dataArray['to'];?></span>
			</div>
			<div style="float: right; width:30%; padding-top:8px;">
				<a style="float:right;"><img src="https://www.imageurl.com" style="float:right; width:80px; margin-right: 2px;"></a>
			</div>
		</div>
	</div>

I was run your command on my server below is result:

HTTP/2 200 
date: Tue, 22 Dec 2020 10:25:04 GMT
content-type: image/png
content-length: 3238
server: Apache/2.4.41 () OpenSSL/1.0.2k-fips PHP/7.1.20
x-powered-by: PHP/7.1.20
content-disposition: inline;
cache-control: max-age=86400, private

No, Image not displaying.

We have the same configuration, same setting, and same code on our test server. We did public image won't display.

We tried with your code, Image won't display, we also check image URL is correct.

We tried with the above code image file is generated but it's blank, below is generated image file.

We tried with the above code image file is generated but it's blank.

The same result sir file is blank.

Hello,

We reinstalled phantoms now image is displaying but chart won't display.

We did troubleshoot on our server and we removed charts for the timing but now issue is font showing defferent-2 on our all server.

Hi, Thanks for the help. I call font through @import in CSS its working fine at local.

Hello,

We are importing font in css: @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');

It's working very well on servers except the German server what should we do?

We run given command result is:

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8-VQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-U1Ug.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirk-VQ.ttf) format('truetype');
}

We run the given command result is OK and downloading font.

We are waiting for your reply.

We are using export package.

We generate the report with @import. and without @import. no changes same result showing.

We are waiting for your reply.

Yes

We already did this font not working.

Hello Team,

I am waiting for your reply, What we can do?

We tested with same as per your guide but unfortunately, it's not working.