Export button Position is shifting at bottom-Javascript Driven Quadrant Chart

[[email protected]]

Hello Team,

 

I am using javascript  driven quadrant chart.populating it with Json, I have have enabled export button (for PDF,SVN..).

 

There are two graphs on my screen, when there is a scroll bar appearing on a screen the export option's div is shifting at the bottom.

 

Could you please help me to fix this issue, how how to stick export options div to the export button always.

 

attaching screen-shot.

[Vishalika]

Hi,

 

Can you please clarify whether you are using different div container or any third party frames to render the charts?

 

Also, if you can share a scaled down sample we can replicate the issue and help you out further.

 

Awaiting response.

Edited May 13, 2015 by Vishalika

[[email protected]]

Hello Vishalika,

 

Initially  graph and export button options was working fine , but when I applied scroll(overflow-y=auto;height:100%) to the screens parent div,the stickiness of the export options was gone.When scrolling the screen the and clicking on export con the export options div is displaying  at the bottom .

 

Is there any way that I can  bind javascript method on click of the export button clicked, if I get that I can set potion of exports options div as per export button position.

 

 

Thanks,

Amol Chaudhari.

[Vishalika]

Hi,

 

Can you please confirm, which version of FusionCharts are you using?

 

The latest release of FusionCharts is 3.7.

 

Awaiting response.

[[email protected]]

Hi,

 

Currently  we are using 3.3.1 version.

 

Finally I fixed issue using some work around as below.

 

I am setting the exportoptions div position when user clicked on export Icon ...

 

function FC_Rendered(DOMId) {              

  if(DOMId=='Chart2Id'){     

  $(".red-buttons-135").on("click", function(event){

 var t=$(".red-buttons-135").offset().top;

 $("svg:eq(3)").css("top",t+20);

});

  }

  if(DOMId=='Chart1Id'){

  $(".red-button-30").on("click", function(event){

 var t=$(".red-button-30").offset().top;

 $("svg:eq(2)").css("top",t+20);

});   

  }

}   

 

 

Thanks

Amol,

[Vishalika]

Hi,

 

Glad to know that the issue is resolved. 

[Vishalika]

Hi,

 

Glad to know that the issue is resolved.