Question Re: Pie Chart with count in Technology Q&A

Pie Chart with count

Former Member — Tue, 14 Oct 2014 11:36:14 GMT

Hello Experts,

I'm working on pie chart and able to get the result without any issues.

I have a below issue, please help me to resolve this.

1. When I mouse over on pie chart it displays relevant count.

Will it be possible to display count inside pie chart on initial load?

If so, could you please let me know how to do the same?

Thanks.

Re: Pie Chart with count

Former Member — Tue, 14 Oct 2014 13:25:53 GMT

check this out, http://jsbin.com/zesav/1/edit

Re: Pie Chart with count

Former Member — Tue, 14 Oct 2014 15:30:18 GMT

Thanks for your quick reply.

When I use the same code in project I'm getting below error

1. Error: Invalid value for <text> attribute transform="translate(NaN,NaN)"

2. Uncaught TypeError: Cannot read property 'Count' of undefined

but the same code is working here

http://jsbin.com/dekeh/2/edit

Do I need to add any script file?

Re: Pie Chart with count

Former Member — Tue, 14 Oct 2014 21:57:00 GMT

Resolved this error.

In project, I have Stack bar chart and pie chart.

d3.selectAll(".v-datashape"); This code returns all datashape.

when I loop json with all datashape it throws "count undefined error"

So, modified the code like this,

var arcs = d3.select("#__pie1").selectAll(".v-datashape");

it works fine now.

Re: Pie Chart with count

former_member391686 — Thu, 10 Sep 2015 03:04:48 GMT

Hello Sakthivel,

Since now the charts have been migrate to VizFrame,

Could you please let me know how can we achieve this in VizFrame?

Thanks a lot!

Best Regards,

Madeleine

Re: Pie Chart with count

saivellanki — Thu, 10 Sep 2015 03:27:14 GMT

Hi Zeng,

You could try like this in your onInit() function of controller -


var oVizFrame = this.getView().byId("yourVizFrameID");
oVizFrame.setVizProperties({
  dataLabel:{
  visible:true
  }
});

Regards,

Sai Vellanki.

Re: Pie Chart with count

former_member391686 — Thu, 10 Sep 2015 06:33:07 GMT

Hi Sai,

Thank you for your reply!

In the sample code provided by Sakthivel above, we can select any element in the svg and change its property in initialize phase, see below:

Could you please let me know if we can achieve this in VizFrame? Thanks a lot!

----------------------------------------------------------------

pie.attachInitialized(this, function() {

var arcs = d3.selectAll(".v-datashape");

debugger;

var radius = 400 / 2 ; // Height --> 400px

var arc = d3.svg.arc().outerRadius(radius);

arcs.append("svg:text").attr("transform", function(d){

d.innerRadius = 0;

d.outerRadius = 200;

return "translate(" + arc.centroid(d) + ")";}).attr("text-anchor", "middle").text(function(d,i){

return oBusinessData[i].revenue;

});

Best Regards,

Madeleine