Eclipse Community Forums: BIRT

Help

Home

Home » Archived » BIRT » D3 chart in BIRT(BIRT and D3 charts)

Show: Today's Messages :: Show Polls :: Message Navigator

D3 chart in BIRT [message #1099872]

Mon, 02 September 2013 10:27

g g

Messages: 17
Registered: August 2012

Junior Member

Hi,
As per BIRT 4.3 features list, it supports D3 reports now. Request you to give the working example as I am not able to get the Bubble chart example working.

Regards,
gg

Report message to a moderator

Re: D3 chart in BIRT [message #1100889 is a reply to message #1099872]

Tue, 03 September 2013 18:57

Michael Williams

Messages: 1925
Registered: July 2009

Senior Member

Can you attach a report showing what you've got so far? A sample I can run preferrably. Smile

Thanks!

Michael

Developer Evangelist, Silanis

[Updated on: Tue, 03 September 2013 18:58]

Report message to a moderator

Re: D3 chart in BIRT [message #1101169 is a reply to message #1099872]

Wed, 04 September 2013 05:04

g g

Messages: 17
Registered: August 2012

Junior Member

Hi,
I am trying to print "Hello World!" using D3 to start with. But I want to implement the bar chart and bubble chart (as shown in new features doc of BIRT 4.3)

The code is not returning to callback function when I am using headjs. Also in other example (trial2),its not executing the D3 code.

PFA sample code and d3 snippet.

Regards,
gg

Attachment: trial1.rptdesign
(Size: 3.14KB, Downloaded 332 times)
Attachment: trial2.rptdesign
(Size: 2.95KB, Downloaded 480 times)
Attachment: drawTextBox.html
(Size: 0.18KB, Downloaded 491 times)

Report message to a moderator

Re: D3 chart in BIRT [message #1102643 is a reply to message #1099872]

Fri, 06 September 2013 00:33

Michael Williams

Messages: 1925
Registered: July 2009

Senior Member

Grabbing the body only seems to work when running in preview in a browser. If you create your own div to append "Hello World" to, it works. The text box code looks like this:

<script>
head.ready(
function ()
{
alert("entering head.ready")
div1 = document.getElementById("mydiv");
d3.select(div1)
.append("p")
.text("Hello World!");
}
);
</script>

<div id="mydiv" />

This works in all of the html outputs. I also moved the css url to a style in the outline. Attached is the working report.

Attachment: trial1.rptdesign
(Size: 3.40KB, Downloaded 407 times)

Michael

Developer Evangelist, Silanis

Report message to a moderator

Re: D3 chart in BIRT [message #1104069 is a reply to message #1102643]

Sat, 07 September 2013 20:37

Padmasridhar c

Messages: 17
Registered: September 2013

Junior Member

But we need to integrate d3 chart in BIRT I tried in BIRT4.3
with this code but .style is not working can you please check

var dataset = [ 5, 10, 15, 20, 25 ];

d3.select("body").selectAll("div")
.data(dataset) // <-- The answer is here!
.enter()
.append("div")
.attr("class", "bar")
.style("height", function(d) {
var barHeight = d * 5;
return barHeight + "px";
});

Report message to a moderator

Re: D3 chart in BIRT [message #1104071 is a reply to message #1099872]

Sat, 07 September 2013 20:39

Padmasridhar c

Messages: 17
Registered: September 2013

Junior Member

This script is not working in BIRT4.3

var dataset = [ 25, 7, 5, 26, 11 ];
d3.select("body").selectAll("div")
.data(dataset) // <-- The answer is here!
.enter()
.append("div")
.attr("class", "bar")
.style("height", function(d) {
var barHeight = d * 5;
return barHeight + "px";
});

Report message to a moderator

Re: D3 chart in BIRT [message #1106446 is a reply to message #1104071]

Wed, 11 September 2013 05:33

Michael Williams

Messages: 1925
Registered: July 2009

Senior Member

I also don't see this showing as it should. Let me test a little on this and I'll let you know if I get it working.

Michael

Developer Evangelist, Silanis

Report message to a moderator

Re: D3 chart in BIRT [message #1106449 is a reply to message #1106446]

Wed, 11 September 2013 05:38

Padmasridhar c

Messages: 17
Registered: September 2013

Junior Member

Thanks and could you please provide sample a rpt design for D3 chart which would be very helpful.

Report message to a moderator

Re: D3 chart in BIRT [message #1106646 is a reply to message #1106449]

Wed, 11 September 2013 11:09

Rahul Kumar

Messages: 8
Registered: December 2012

Junior Member

Hi Michael, I have created a a simple d3 chart, with a circle,and appended text "Hello world" to it, but when I download it in any format(pdf,etc), the circle and the text is not coming in the downloaded file. The file is empty. Can you please take a look on this. Thanks.

Report message to a moderator

Re: D3 chart in BIRT [message #1106656 is a reply to message #1099872]

Wed, 11 September 2013 11:22

Padmasridhar c

Messages: 17
Registered: September 2013

Junior Member

Hi Michel How to get the data from .csv or .tsv file in D3. I have attached RPT please help . I am also facing Same problem while downloading PDF or Excel

Attachment: trial1_5.rptdesign
(Size: 9.81KB, Downloaded 425 times)

Report message to a moderator

Re: D3 chart in BIRT [message #1106838 is a reply to message #1106656]

Wed, 11 September 2013 16:06

Michael Williams

Messages: 1925
Registered: July 2009

Senior Member

Rahul,

Unfortunately any non html output will not have the client side content.

Michael

Developer Evangelist, Silanis

Report message to a moderator

Re: D3 chart in BIRT [message #1106848 is a reply to message #1106838]

Wed, 11 September 2013 16:23

Michael Williams

Messages: 1925
Registered: July 2009

Senior Member

Padmasridhar,

You should be able to bind the text box to the dataSet you're wanting to use, then use <value-of> tags to call your data from the dataSet and store that to a variable in your script. Hope this helps.

Michael

Developer Evangelist, Silanis

Report message to a moderator

Re: D3 chart in BIRT [message #1107427 is a reply to message #1099872]

Thu, 12 September 2013 11:31

Padmasridhar c

Messages: 17
Registered: September 2013

Junior Member

Hi Michael, I have successfully got D3 charts working in BIRT viewer. But have a small issue, the style tags used in HTML are not rendering or getting applied. What can I do to get them working.

Report message to a moderator

Re: D3 chart in BIRT [message #1107680 is a reply to message #1107427]

Thu, 12 September 2013 19:39

Michael Williams

Messages: 1925
Registered: July 2009

Senior Member

Can you attach your working example with style tags so I can see the issue? Thanks!

Michael

Developer Evangelist, Silanis

Report message to a moderator

Re: D3 chart in BIRT [message #1107931 is a reply to message #1107680]

Fri, 13 September 2013 05:09

Padmasridhar c

Messages: 17
Registered: September 2013

Junior Member

Hi I have attached pie chart with style tags and data.csv

Attachment: pie.rptdesign
(Size: 5.00KB, Downloaded 557 times)
Attachment: data.tsv
(Size: 0.07KB, Downloaded 383 times)

Report message to a moderator

Re: D3 chart in BIRT [message #1108055 is a reply to message #1107931]

Fri, 13 September 2013 09:14

Padmasridhar c

Messages: 17
Registered: September 2013

Junior Member

Thanks D3 working fine now with <style> tag .Not able to download as pdf

[Updated on: Fri, 13 September 2013 09:43]

Report message to a moderator

Re: D3 chart in BIRT [message #1108581 is a reply to message #1108055]

Sat, 14 September 2013 03:04

Michael Williams

Messages: 1925
Registered: July 2009

Senior Member

So, everything is working as expected now? The PDF won't work because of the d3 charts being done on the client side. Let me know if everything other than that is working.

Michael

Developer Evangelist, Silanis

Report message to a moderator

Re: D3 chart in BIRT [message #1108962 is a reply to message #1108581]

Sat, 14 September 2013 17:44

Padmasridhar c

Messages: 17
Registered: September 2013

Junior Member

HI
I have doubt in D3 instead of taking data from csv or tsv file is it possible to get data from dataset

Report message to a moderator

Re: D3 chart in BIRT [message #1111362 is a reply to message #1108962]

Wed, 18 September 2013 05:33

Michael Williams

Messages: 1925
Registered: July 2009

Senior Member

Let me take a look at your design from above to see what you've done with the TSV. I'll let you know.

Michael

Developer Evangelist, Silanis

Report message to a moderator

Re: D3 chart in BIRT [message #1111395 is a reply to message #1111362]

Wed, 18 September 2013 06:42

Padmasridhar c

Messages: 17
Registered: September 2013

Junior Member

Hi i tried circular heat chart but its not coming .i dont know where i did mistake please help in this

Attachment: energy.rptdesign
(Size: 3.60KB, Downloaded 418 times)

Report message to a moderator

Re: D3 chart in BIRT [message #1111834 is a reply to message #1111395]

Wed, 18 September 2013 20:07

Michael Williams

Messages: 1925
Registered: July 2009

Senior Member

Still having issues bringing in data from a dataSet? Or having issues just creating the circular heat chart? Let me know.

Michael

Developer Evangelist, Silanis

Report message to a moderator

Re: D3 chart in BIRT [message #1112032 is a reply to message #1111834]

Thu, 19 September 2013 03:30

Padmasridhar c

Messages: 17
Registered: September 2013

Junior Member

yes i am having both issues i am not able to get data from dataset and circular chart

Report message to a moderator

Re: D3 chart in BIRT [message #1113119 is a reply to message #1112032]

Fri, 20 September 2013 17:18

Michael Williams

Messages: 1925
Registered: July 2009

Senior Member

Okay. Let me take a look at the report. I'll post if I get it working.

Michael

Developer Evangelist, Silanis

Report message to a moderator

Re: D3 chart in BIRT [message #1220535 is a reply to message #1107427]

Thu, 12 December 2013 12:18

Jitendra Sakhamuri

Messages: 1
Registered: December 2013

Junior Member

I am essentially trying to do the same and stuck , using D3 with BIRT. I tried your sample pie report, but do not see the graphics. Can you please give some pointers on how to get this working?

Report message to a moderator

Re: D3 chart in BIRT [message #1692547 is a reply to message #1102643]

Thu, 16 April 2015 12:25

kshirod mishra

Messages: 50
Registered: March 2015

Member

Hi Williams,

I am new to the BIRT. I want to integrate BIRT with D3 Chart. Could you please help me how to do . I am using Eclipse BIRT 4.4.1 with Apache 7 for generating report. I am fetching the Data from external API using XML data source. Please guide me how to do. I want to view my report in all types of browser.

Thanks $ Regards:
kshirod Mishra

Report message to a moderator

Re: D3 chart in BIRT [message #1692553 is a reply to message #1108055]

Thu, 16 April 2015 12:57

kshirod mishra

Messages: 50
Registered: March 2015

Member

Hi Padma,

I am new to the BIRT. I want to integrate BIRT with D3 Chart. Could you please help me how to do . I am using Eclipse BIRT 4.4.1 with Apache 7 for generating report. I am fetching the Data from external API using XML data source. Please guide me how to do step-by-step with exmaple of D3. Say: I want to fetch the data from using xml datasource and i want to prepare a Dashboard. I want to view my report in all types of browser. Please help me

Thanks

Report message to a moderator

Re: D3 chart in BIRT [message #1693358 is a reply to message #1100889]

Thu, 23 April 2015 13:03

kshirod mishra

Messages: 50
Registered: March 2015

Member

Hi William,

I am using Eclipse BIRT 4.4.1 . I want to integrate BIRT with other java script chart like D3 chart , AMcharts and Zing Chart also. I am using XML data source for getting the data to my BIRT report. Please guide me how to solve the issue.

Thanks & Regards:
kshirod Mishra

Report message to a moderator