sgiTed

Export pure Javascript chart: truncation and overlap

Recommended Posts

Hello. I'm experiencing an issue with the chart exporter of the Line and StackedColumn2D charts in pure javascript mode. Specially, the exported JPEG file contains either overlap or both overlap and label truncation.

 

Environment:

Firefox v23.0.1 on Windows 7

FusionCharts.version: 3,3,1,sr3,21100

 

post-48539-0-74490400-1386719292_thumb.png

Screenshot of the charts rendered in the browser

 

post-48539-0-11224000-1386719291_thumb.png

JPEG export of Line chart

(Note the overlap of the X-axis label and truncation of the Y-axis data point labels.)

 

post-48539-0-12925900-1386719292_thumb.jpg

JPEG Export of StackedColumn2D

(Note the data set legend overlapping the Y-axis data point labels. There is also overlap within the data set legend.)

 

The PDF export suffers the same issues. Selecting "Download as PNG image" has no apparent effect. When I inspect the "Net" tab of Firebug I see that the POST to export.api3.fusioncharts.com resulted in "Failed to load the given URL".

 

I'd appreciate any insight and suggestions for this issue. Thanks!

 

HTML: TruncatedCrunchedChartExports.htm

Line Chart XML: itemAvail.xml

StackedColumn2D Chart XML: monthlyDemand.xml

Edited by sgiTed

Share this post


Link to post
Share on other sites

Specially, the exported JPEG file contains either overlap or both overlap and label truncation.

 

p.s.: I meant to write "Specifically" (not sure why I can no longer edit the post). I know it's a little thing, but it was bugging me. :)

Share this post


Link to post
Share on other sites

Hi,

 

The problems seems to be with baseFont="Arial Narrow". When I removed this attribute, chart seems to be getting exported fine without any overlap or label truncation. Could you please try removing this at your end too and let me know your feedback?

 

Meanwhile, I shall investigate more on this and get back to you shortly.

Share this post


Link to post
Share on other sites

Thanks Haritha! I removed baseFont="Arial Narrow" on my end and the export feature looks much better.

 

PNG export is working now, too.

Hey,

 

Glad that your issue is resolved.

 

Happy FusionCharting! :)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now