Eclipse Community Forums: BIRT

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

Mon, 02 September 2013 06:27

Eclipse User

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

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

Tue, 03 September 2013 14:57

Eclipse User

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

Thanks!

[Updated on: Tue, 03 September 2013 14:58] by Moderator

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

Wed, 04 September 2013 01:04

Eclipse User

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 360 times)
Attachment: trial2.rptdesign
(Size: 2.95KB, Downloaded 509 times)
Attachment: drawTextBox.html
(Size: 0.18KB, Downloaded 517 times)

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

Thu, 05 September 2013 20:33

Eclipse User

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 446 times)

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

Sat, 07 September 2013 16:37

Eclipse User

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";
});

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

Sat, 07 September 2013 16:39

Eclipse User

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";
});

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

Wed, 11 September 2013 01:33

Eclipse User

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.

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

Wed, 11 September 2013 01:38

Eclipse User

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

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

Wed, 11 September 2013 07:09

Eclipse User

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.

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

Wed, 11 September 2013 07:22

Eclipse User

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 453 times)

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

Wed, 11 September 2013 12:06

Eclipse User

Rahul,

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

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

Wed, 11 September 2013 12:23

Eclipse User

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.

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

Thu, 12 September 2013 07:31

Eclipse User

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.

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

Thu, 12 September 2013 15:39

Eclipse User

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

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

Fri, 13 September 2013 01:09

Eclipse User

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

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

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

Fri, 13 September 2013 05:14

Eclipse User

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

[Updated on: Fri, 13 September 2013 05:43] by Moderator

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

Fri, 13 September 2013 23:04

Eclipse User

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.

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

Sat, 14 September 2013 13:44

Eclipse User

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

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

Wed, 18 September 2013 01:33

Eclipse User

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

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

Wed, 18 September 2013 02:42

Eclipse User

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 439 times)

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

Wed, 18 September 2013 16:07

Eclipse User

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

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

Wed, 18 September 2013 23:30

Eclipse User

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

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

Fri, 20 September 2013 13:18

Eclipse User

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

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

Thu, 12 December 2013 07:18

Eclipse User

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?

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

Thu, 16 April 2015 08:25

Eclipse User

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

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

Thu, 16 April 2015 08:57

Eclipse User

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

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

Thu, 23 April 2015 09:03

Eclipse User

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

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

Thu, 23 April 2015 09:05

Eclipse User

Hi Padma,

Could you please guide me how to inegrate BIRT with D3.

Thanks & Regards:
kshirod

Previous Topic:	Birt Viewer DataException
Next Topic:	BIRT 4.2.2 blank PDF pages

Goto Forum:

-=] Back to Top [=-

Current Time: Sat Jul 05 03:25:24 EDT 2025

.:: Contact :: Home ::.

Breadcrumbs

Sign up to our Newsletter