Exporting When Legends Are Deselected Gives Full Chart

[Adamski]

Hi,

 

We have ran into an issue where we generate the chart (using javascript) and enable exporting but if say it has two series and we disabled one by clicking on it in the legend then the exported chart shows all of the data but also DOES show the legend as greyed out.

 

We were using 3.2.4 but I have upgraded to 3.3.1 and it is still an issue.

 

This is happening with both our own local implementation of BATIK on Coldfusion and when using the integrated HighCharts call.

 

So:

 

1, Create chart using javascript with 2 series, legends enabled and have export enabled.

2. Click on one of the legends to hide that series.

3. Click to export to an image.

 

It should generate an image that shows only the active legend/series but it shows both series. It does however have the clicked legend as greyed out.

 

Any help appreciated.

[Guest Sashibhusan]

Hi,

 

Could you please confirm once, whether you have replicated the issue while using FusionCharts XT v3.3.1 files?

 

Please note that from FusionCharts XT v3.3.0 onwards, the JavaScript chart exporting to image/PDF, will call http://export.api3.fusioncharts.com/ instead of Highcharts.

 

For more information on "Exporting Pure JavaScript Charts", please visit the link: http://docs.fusioncharts.com/charts/contents/?exporting-image/ECPureJS.html

 

In case if this is what is not able to resolve your issue, could you please provide the chart XML/JSON data to test from our end.

 

Awaiting your valuable response.

[Adamski]

Hi,

 

Could you please confirm once, whether you have replicated the issue while using FusionCharts XT v3.3.1 files?

 

Please note that from FusionCharts XT v3.3.0 onwards, the JavaScript chart exporting to image/PDF, will call http://export.api3.fusioncharts.com/ instead of Highcharts.

 

For more information on "Exporting Pure JavaScript Charts", please visit the link: http://docs.fusioncharts.com/charts/contents/?exporting-image/ECPureJS.html

 

In case if this is what is not able to resolve your issue, could you please provide the chart XML/JSON data to test from our end.

 

Awaiting your valuable response.

 

 

As stated in the original post, it is still an issue after upgrading to 3.3.1.

 

We develop and test mainly in Firefox so I have since tried it in I.E and have noticed that the exact same code and data works fine in I.E but produces the issue in Firefox.

 

I have double checked and ensured that the built-in export is using the new fusioncharts url and not the highcharts one.

 

Due to the sensitive nature of our data (sorry, cant pass on the JSON) we use a local implementation of Batik to create the images instead of sending to the built-in export. But for testing purposes I have went back to the built-in export and the issue is happening.

 

The samples/demos that come with the installation zip (fusioncharts_xt folder) seem to be working fine on both I.E and Firefox so I am stumped.

 

We do have some custom javascript functions that hook into the way the charts are fetched so it maybe something in those or it may be a conflict in jQuery versions but we have been careful to keep everything vanilla.

 

I will continue to try some test cases and if I can generate something using dummy data then I will pass on that JSON.

 

Thanks,

Adam

[Guest Sashibhusan]

Hi Adam,

 

Please find the attached sample of "MSColumn2D" chart using FusionCharts XT v3.3.1 files, which is exporting the chart correctly as per your requirement.

 

Could you please check the sample at your end and let us know, if it works for you?

 

Also, please find the exported chart image included in the sample, for your reference.

 

Hope this helps!

 

Looking forward to your valuable response.

ExportJavaScriptChart_Sample.zip

Edited May 14, 2013 by Sashibhusan

[Adamski]

Hi Adam,

 

Please find the attached sample of "MSColumn2D" chart using FusionCharts XT v3.3.1 files, which is exporting the chart correctly as per your requirement.

 

Could you please check the sample at your end and let us know, if it works for you?

 

Also, please find the exported chart image included in the sample, for your reference.

 

Hope this helps!

 

Looking forward to your valuable response.

 

 

Thanks for the example, it is working as intended which is telling me that we have something weird going on with our implementation.

 

We are using fusioncharts.js but are also using FusionCharts.jqueryplugin.js (do you have an example that includes this too?).

 

There is a lot going on our page which requires jquery and we have jquery-1.7.1.min.js included to handle that functionality. Is the jquery.min.js file within the fusioncharts folder only used by the fusioncharts.js file? I see that it is referenced and 'embedded' within the fusioncharts.js file and I am worried that it is conflicting with our already included file.

 

If I change the 1.7.1 file to be the latest it breaks some of our functionality so cannot test it that way.

[Guest Sashibhusan]

Hi Adam,

 

As per your requirement, I have modified the sample and used only "jquery-1.7.1.min.js" and "FusionCharts.jqueryplugin.js" to render the chart.

 

Please find the attached sample, check and let us know, if it works at your end?

 

Awaiting your response.

ExportJavaScriptChart_Sample_modified.zip