bumpcustom visualization (d3): how to export to pdf?

Hi, we would like to place a quadrant chart in one of our reports and created one in D3.
It works fine when placed in a html page, and it also works fine when we enter the html code and script inside a text element from the palette in Birt Designer Pro (and generate the report as html).
However... when we place the script, html and css in a custom visualization element the chart does not show up.
What is wrong and how do I fix this?
Attached are the original html chart and the problematic report.
any thoughts/suggestions?

Find more posts tagged with

Comments

Clement Wong

In your Custom Visualization Report Item, for the Script subtab under the Template tab, I noticed that you have a head.load with a callback function. However, there isn't a "callback" function defined.
 
1. In the HTML, replace:
$(function(){ 

With:
var callback = function() {
 
And the D3.js chart is rendered.
 
 
You'll want to change is the ID that the SVG is rendered to because currently it is set to target the body, and it will be cutoff at the top part of the viz: 

2. In the HTML, change:
<div class='chart'></div>
 
To:
<div class='chart' id='theChart'></div>
 
In the Script, change:
 var id = 'body',
 
To:
 var id = '#theChart',
 
 
3. You have some extraneous test <svg>...</svg> under the HTML subtab that you'll want to remove after <div <div class='chart' id='theChart'></div> .

DQM

It's working fine now

Thanks for your quick response, Clement

DQM

Follow up question:
When generating a pdf from the resulting html file using the browsers print menu... the d3 visualisation renders (prints) fine,
but we need to generate our pdf's from inside our Birt reports (using Properties -> Hyperlink -> Drill-through -> Step 5. Format the target report in pdf).
This renders the report as expected, but the custom visualisation doesn't show. 
After reading up on this it seems to be a common problem. But is there a solution?

DQM

bump

Clement Wong

Sorry, I've been out of the office for the past week and half, and just returned today.
 
I tested using a drill-through as PDF link with the drill-through report having two custom visualizations. It works for me as expected. The resulting PDF generates with the custom visualization.
 
Attached are the designs.
 
Can you modify the design to demonstrate the case where it doesn't work?

DQM

Hi Clement, thanks for your reply and welcome back.
When I run 02_child and choose print -> pdf from the hamburger menu (top bar of the report) the custom visualization doesn't generate. 
Maybe something is wrong with my Birt installation.
When I'm back at the office (tuesday) I will ask a colleague to run the report from his machine to see if we can replicate the problem.
cheers, Mark

Clement Wong

OK, keep me posted.
 
JFYI, I tested in both BIRT Designer Professional 3.1, and Analytics Designer 16 on my Windows environment, and the 02_Child report can Print > PDF from the Viewer (hamburger icon).
 
What version of commercial BIRT are you using? Which product? And what OS? Does it also work from the iHub server?
 
If you are using Mac OS and BIRT Designer Professional 3.1 or 3.1.1, then please read this (<a data-ipb='nomediaparse' href='http://developer.actuate.com/community/forum/index.php?/topic/37093-using-amazon-javascript-sdk-in-report/?p=138966'>http://developer.actuate.com/community/forum/index.php?/topic/37093-using-amazon-javascript-sdk-in-report/?p=138966</a>).

DQM

Hi Clement,
we use Actuate Birt Designer Pro version 4.4
we tested your report on two machines (both 2015 MBP, El Capitan running 10.11.6, Java version 1.6.0_65) in firefox, firefox dev, chrome and safari.
The visualization rendered fine in html (the browser window) but never showed up in pdf's printed from the hamburger menu.
Just to make sure we also created a new, blank report and placed a custom visualisation (heatmap from highcharts) in that.
That also did not print to pdf (showing us a blank page).
We did not run the report from the ihub server because we need to test our reports extensively before moving them to our server.
 
Our "normal" visualisations when run from Birt Designer Pro 4.4 or when run from iHub server do work as expected (i.e. show in pdf's)
I attached the report with our custom vis. 
I hope you can shed some light on this issue that has us stumped.
(edit: after updating java to 1.8.0_92 the issue is still not resolved)
(edit2: same problemwhen using OpenText Analytics Designer)

Clement Wong

The PDF conversion of the Custom Visualization utilizes PhantomJS. So it appears only on Mac? Are you able to test on a Windows environment to confirm?
 
Did you confirm the following, and see the workaround in this post:
<a data-ipb='nomediaparse' href='http://developer.actuate.com/community/forum/index.php?/topic/37093-using-amazon-javascript-sdk-in-report/?p=138966'>http://developer.actuate.com/community/forum/index.php?/topic/37093-using-amazon-javascript-sdk-in-report/?p=138966</a>

DQM

Hi Clement, thanks for the link to the workaround, I followed the instructions but still no joy.
I did notice that the plugins folder has a com.actuate.phantomjs_1.0.0.v20150206.jar, and not the com.actuate.phantomjs_1.0.0.v20150710.jar version mentioned in the thread.
I am running Birt designer Pro 4.4 - Build id: v20150206 by the way. Could that particular build be the problem?

Clement Wong

From the build #, you are using version iHub 3.1. I tried it out both with my workaround JAR, and a rebuilt JAR, and it's not finding the path to phantomjs with 3.1.
 
Are you able to upgrade to BIRT Designer Professional 3.1.1? I re-tested the workaround I posted previously, and it is working as expected in 3.1.1.
 
I will investigate further if there is a way to get it to work in 3.1, but there are no guarantees. In the meantime, I suggest that you upgrade to 3.1.1.

DQM

Hi Clement, thank you for looking into this.
Upgrading to 3.1.1 is in the cards, but may take us a while. We work with a custom LDAP, and changed a few other things in our install as well. So upgrading won't be a clean, whistle while you work process for us. Downtime is no option.

DQM

Hi Clement, I am pleased to report that we got our custom visualizations working by replacing com.actuate.phantomjs.win32_1.0.0.v20150206 and com.actuate.phantomjs_1.0.0.v20150206.jar
with com.actuate.phantomjs.macosx_1.9.7 and com.actuate.phantomjs_23.2.0.v201604061009.jar from the Analytics Designer package (build 16).
thanks for looking into the matter,
MK