Sign in to follow this  

Change The Size Of The Export Button In Fusion Chart In Php

Recommended Posts

here is my working fusion chart code:

FusionCharts - Array Example using Single Series Column 3D Chart
<script LANGUAGE="Javascript" SRC="FusionCharts/FusionCharts.js"></SCRIPT>
<script type="text/javascript" LANGUAGE="Javascript" SRC="FusionCharts/jquery.min.js"></script>
<script type="text/javascript" LANGUAGE="Javascript" SRC="FusionCharts/lib.js"></script>
<link href="FusionCharts/style.css" rel="stylesheet" type="text/css" />

<h2>FusionCharts Examples</h2>
<h4>Plotting single series chart from data contained in Array.</h4>

//Now, we need to convert this data into XML. We convert using string concatenation.
//Initialize <chart> element
$strXML = "<chart caption='Exam result for CSC113A ' numberPrefix='' formatNumberScale='10' xAxisName='Grades' yAxisName='No Of Students' bgColor='995699,FEEFFF' exportEnabled='1'  exportAtClient='0' exportAction='download'  exportShowMenuItem='1'>";
//Convert data to XML and append

$strXML .= "<set label='L' value='10'/><set label='Y' value='40'/></chart>";//Comment this line of code to render the data from your database. This line of code is only for testing purpose

//Un-comment the below line of code to render the chart in pure JavaScript forcefully.

//Create the chart - Column 3D Chart with data contained in strXML
echo renderChart("FusionCharts/Column3D.swf", "", $strXML, "myChart", 600, 300, false, true);



Out Put of this code :


default export button image :MXZnX.png

I want to add this kind of buttons to my chart :clh4u.png

here default export button is too small.I want to change size of this button.and also want add print icon to this graph....where I can put export button properties to my code???How can I do it????Need ur great help...Thankzz in advanced..

Demo live code: click here


Edited by dontspeak

Share this post

Link to post
Share on other sites
Guest Sashibhusan

Hi William,


Thank you for your mail.


With regard to your query, I am afraid, the feature of changing the size of "Export Button for JavaScript Charts" is not available in FusionCharts as of now.


Also, you can not add the "Print Button" inside the FusionCharts chart, as of now.


However, as a work around you can add the image of "Print Button" and "Export Button" in your HTML page and can call the JavaScript function accordingly to export and Print the chart.


Please find the modified sample( as per the above mentioned work around, for your reference.


Can I use this js properties to apply to my code????

>>I am afraid, you can not apply the Highcharts export icon properties to FusionCharts JavaScript Export button. Also, the export features of the JavaScript charts presently have limited customizability when compared to the Flash charts. This is primarily owing to certain limitations of the present JavaScript export feature.


For more information on "Exporting Pure JavaScript Charts", please follow the link below:


Hope this helps!

Share this post

Link to post
Share on other sites

Hello Sashibhusan,


with your how could I export all of the charts in a single file?




Share this post

Link to post
Share on other sites


Hello Sashibhusan,


with your how could I export all of the charts in a single file?







The server-side export on JavaScript charts does not support exporting multiple charts as images and saving it to a single file as of now. :(

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
Sign in to follow this