venkatc

Hi All, We are using Fusionchart export functionality with Java support + Adobe Flash from last 5 years. Our current export functionality is working only for windows OS user. For Mac users it is not working. Now we need below implementation 1. want to remove the flash dependency to render the chart and export. 2. Should work for os user windows/mac Please let me know which version of fusionchart we need to use and how to implement. Please provide the samples with documentation Thanks, Venkat

Hi Support, We are using pure java script fusion charts to display multiple charts in my application. Export Images We need to export the chart at server side. We Setup your own server to process and export JavaScript charts using highchart server setup in linux (Refernce www.highcharts.com/documentation/how-to-use.). We are exporting total 5 charts at server side. After exporting we need to use those images to generate the report. When we are calling the export chart functionality from javascript(Onclick event). The svg and png images are created in temp folder. But the control is redirecting to index.php from application(Which we configured to export chart). How can we stop the redirection from our application to export index.php after exporting the images to "temp" folder. We are using latest version of fusion charts(3.2.3-sr1.5347). Please advice.

Hi Support. We are using Pure Javascript fusion charts to display the charts. We have 2 functionalists 1. Display :We are displaying total 6 charts in my web browser with navigation tabs(2 charts in one tab, 2 charts in 2nd tab......). This is working fine with pure javascript. 2. Export : Here we need to export all the 6 charts at a time when user clicks download button(Irrespective of tabs). We are able to do 1 and 2 with flash with server side export successfully with FusionCharts.addEventListener() event. When coming into javascript export, FusionCharts("someID").addEventListener () is not working. For 1. To create charts we are using below code. displayChart = function(divId,path,xml,width,height){ FusionCharts.setCurrentRenderer('JavaScript'); var chiefExecutiveChart1111 = new FusionCharts(path, "ChartId"+ Math.floor(Math.random() * (new Date()).getTime() + 1), width,height,'False', 'False', 'True'); chiefExecutiveChart1111.setXMLData(xml.join("")); chiefExecutiveChart1111.render(divId); }; For 2 : displayExportChart = function(divId,path,xml,width,height, chartIdName, f){ FusionCharts.setCurrentRenderer('JavaScript'); var chiefExecutiveChart = new FusionCharts(path, chartIdName + suffix, width, height,'False', 'False', 'True'); chiefExecutiveChart.setXMLData(xml.join("")); chiefExecutiveChart.render(divId); FusionCharts(chartIdName + suffix).addEventListener ("FC_Rendered" , myChartListener ); }; myChartListener = function(eventObject, argumentsObject) { //Do some thing. } In step 2 I am adding addEventListener() event. If I comment code (For 1--displayChart() method ), the addEventListener() is working. But it is working only one time. If user clicks one more export the event is not working. Please advice. How can I solve this problem. Thanks.

Thanks for support. We downloaded latest vesrion of fusioncharts tried it but no luck. I think the problem with setup the local server with batik in linux. If Possible can you please share some documents or any same project. my mail : [email protected] **We are able to download using in windows with few issues.** Please help us it is very urgent.

Thanks for your suport. We are using latest version of highchart.js(Which are provided by fusion chart.) We are configuring the local server in linux with batik to export the svg file to image. We are getting below problems ------------------------------------ 1. We are unable to create svg(target file-$svg) file into /temp/tempName.svg file. if (!file_put_contents("temp/$tempName.svg", $svg)) { die("Couldn't create temporary file. Check that the directory permissions for the /temp directory are set to 777."); } 2. After that we are getting "Error while converting SVG" in index.php file. 3. If we copy any sample file(6ddf9b3933a1c2610019a61e98e681a2.svg) to temp directory and execute the below cmd manually we are getting image(6ddf9b3933a1c2610019a61e98e681a2.jpg) in temp directory with few exceptions. cmd -- java -jar batik-rasterizer.jar -m image/jpeg -d temp/6ddf9b3933a1c2610019a61e98e681a2.jpg -w 300 temp/6ddf9b3933a1c2610019a61e98e681a2.svg (Linux) Exceptions ***** CSSEngine: exception.... org.w3c.dom.DOMException: file:/var/www/html/export/temp/6ddf9b3933a1c2610019a61e98e681a2.svg: The attribute "visibility" represents an invalid CSS value (""). Original message: Unexpected token: 0 (see LexicalUnits). at org.apache.batik.css.engine.CSSEngine.getCascadedStyleMap(CSSEngine.java:784) at org.apache.batik.css.engine.CSSEngine.getComputedStyle(CSSEngine.java:876) at org.apache.batik.bridge.CSSUtilities.getComputedStyle(CSSUtilities.java:82) at org.apache.batik.bridge.CSSUtilities.convertDisplay(CSSUtilities.java:564) at org.apache.batik.bridge.GVTBuilder.buildGraphicsNode(GVTBuilder.java:206) at org.apache.batik.bridge.GVTBuilder.buildComposite(GVTBuilder.java:171) at org.apache.batik.bridge.GVTBuilder.buildGraphicsNode(GVTBuilder.java:219) at org.apache.batik.bridge.GVTBuilder.buildComposite(GVTBuilder.java:171) at org.apache.batik.bridge.GVTBuilder.build(GVTBuilder.java:82) at org.apache.batik.transcoder.SVGAbstractTranscoder.transcode(SVGAbstractTranscoder.java:208) at org.apache.batik.transcoder.image.ImageTranscoder.transcode(ImageTranscoder.java:92) at org.apache.batik.transcoder.XMLAbstractTranscoder.transcode(XMLAbstractTranscoder.java:142) at org.apache.batik.transcoder.SVGAbstractTranscoder.transcode(SVGAbstractTranscoder.java:156) at org.apache.batik.apps.rasterizer.SVGConverter.transcode(SVGConverter.java:1001) at org.apache.batik.apps.rasterizer.SVGConverter.execute(SVGConverter.java:717) at org.apache.batik.apps.rasterizer.Main.execute(Main.java:938) at org.apache.batik.apps.rasterizer.Main.main(Main.java:992) ERROR: null Enclosed Exception: file:/var/www/html/export/temp/6ddf9b3933a1c2610019a61e98e681a2.svg: The attribute "visibility" represents an invalid CSS value (""). Original message: Unexpected token: 0 (see LexicalUnits). ***** CSSEngine: exception property.syntax.error:org.w3c.css.sac.CSSParseException: Unexpected token: 0 (see LexicalUnits). 4. We have 777 permissions to temp folder. Why we are unable to create svg file in temp directory before converting into images dynamically. Do we need, any GNU License for copy the svg file to temp folder. Please advice. Provide me the clear steps document to configure the local server in linux 64-bit and java version "1.6.0_27".

Hi Is there any update on above questions.

Hi Sashibhusan, Thanks, for your support. If possible please provide the sample code with below feature with integration of high chart php api to export the charts in linux. 1. Display 3 or 4 charts on the browser(column 2d, scatter, combi2dy and pie2d chart) with pure javascript. 2. Once chart rendering is completed, I want to export the each chart using "addEventListener(DrawComplete)" event, it will use high chart php api to export charts(I want to use local high chart configuration in linux). 3. Once all charts export are completed, My control should be in the same html page(No redirecting to php.index file). 4. I want to save the images in custom folder. 5. Add one button "Export charts". If user clicks the button, I want to export images with different chart names(If user clicks that button 5 times, i want to download 5 set of fusion chart images with different names.) We tried above 5 steps with local configuration of high chart php in local. We are facing lot of problems with that. We are unable to solve the issue. But above 5 step we are able to do in flash with out any issue. --- Do we need to buy any high chart php api to export the charts properly with out any issues. Please advice. My email address are [email protected] or [email protected] or [email protected] Please help us.

Hi , We are using fusions chart to show the reports. We are able to integrate export fusionchart functionality with our application. steps 1. We are using java related fcexporter.jar file and FusionCharts(eventObject.sender.id).exportChart() method to export the individual fusioncharts as image. 2. Once user clicks button the export will start at server side. 3. After exporting of the fusionchart image done, we are getting fusion chart image details(like name, dom id) with call back function. 4. After finishing the export we are save exported image into one folder(defined in fusioncharts_export.property) 5. Once all fusionchart images are exported then we will read the all the exported images from the folder and creating the report. The above 5 steps are working fine with out any issues in all browser(IE, Firefox and chrome) except Safari(Apple tablet). Due to flash we are unable to render the fusioncharts in Safari. To solve this use we are ready to implement the HTML5 and pure javasacript fusioncharts. Can you please provide below points information. 1. HTML5 fusioncharts will work like flash type fusioncharts? 2. Is there any event listener (DrawComplete..etc) in HTML5 fusioncharts? 3. In fusion chart documentation to export the HTML5 fusionchart we have 2 types. a. client side b. server side(php) highcharts api. What is the best approach to export the fusionchart images like(Step1 to step5). We are ready to use php ? 4. I want to set up the php server in my local system with batik(Apache). I am new to php. So i am unable to configure the server in my local system(Using http://www.highcharts.com/documentation/how-to-use domestication) 5. What is index.php ? If possible can you provide the simple steps or php code(.zip) to set up the my export server. Thanks, Venkat.

Thanks for your support Bindhu. I will check it.

Hi Bindhu, Thanks for your support. My mail id is [email protected] or [email protected] Thanks, Venkat.

Hi , We are using fusion and power charts in my application using java. We are able to export the charts using java server side code "FusionCharts(eventObject.sender.id).exportChart()" and it's working fine. We have a issue with flash, when browser does not have flash we are unable to display/export the charts(in IPad also we are getting this issue). To solve this issue, I am using javascript(HTML5) charts data in xml format, this solution is working fine in all browsers (IE7, IE8, IE9, Safari, Chrome, Firefox), a. when coming into IPad i am able to display only one chart(Babble chart) is working other charts(select Scatter, Column2DY, 2DPie) are not working. b. Export is not working with old code in all browsers. Can you please advice, what is the best way to export chart as image including IPad. c. I found we can use php to export javascript charts(http://www.highcharts.com/documentation/how-to-use) but we are using only java. My client is not ready to use PHP. Please advice. Thanks, Venkat.

Hi , I have a div id in <iFrame name="my-frame"> <div id="chartContainer"> </div> </iframe> I want to render my fusion chart into ifram div id("chartContainer") from parent frame. But i am not getting the fusion chart. I am using below code to render the fusion chart. var chiefExecutiveChart = new FusionCharts(path, "divId", width,height, "0", "1"); chiefExecutiveChart.setDataXML(xml.join("")); chiefExecutiveChart.render(self.frames["my-frame"].document.getElementById("chartContainer")); Please advice am i doing any wrong. How can we render fusion charts in to Iframe from parent . Thanks, Venkat.

Hi , We are creating 5 charts on fly in one dynamic <div> with different chart id's. How can i add "FusionCharts.addEventListener() " to all the 5 charts. sampleCode : displayTempChart = function(divId,path,xml,width,height, chartIdName){ var chiefExecutiveChart = new FusionCharts(path, chartIdName + suffix, width, height,'False', 'False', 'True'); chiefExecutiveChart.setDataXML(xml.join("")); chiefExecutiveChart.render(divId); }; displayTempChart() method will call 5 times with different parameters. Can you please advice how can i add "FusionCharts.addEventListener()" to dynamically created charts. I want to use this in Image export functionality. Once fusion chart rendering is completed i will call "exportChart()" chart. Please advice.

Hi Sashibhusan, Thanks for your reply. I solved this issue. Problem with fusion chart version. Now I am using V3.2.2. Thanks,

Hi Sashibhusan, Thanks for your reply. We are provide different JavaScript Variable names for different FusionCharts Objects each chart and with different chart IDs also with "getChartFromId()" method and it is working file. Some times we are getting same fusion chart image for different fusion charts also( we've come across 2 instances in which the fusion charts are appearing incorrectly out of 20 instances). Please advice how i solve this. Thanks, Venkat.

Hi Bindhu, I want to export at server side. I want to export images automatically with out clicking any button. I think Batch Export we have to click the button. Please advice. Thanks, Venkat

Hi Bindhu, Thanks for your reply. With given code i am able to export only one image. I want to export total 5 images. Code displayTempChart = function(divId,path,xml,width,height, chartIdName){ var chiefExecutiveChart = new FusionCharts(path, chartIdName + suffix, width, height,'False', 'False', 'True'); chiefExecutiveChart.setDataXML(xml.join("")); chiefExecutiveChart.render(divId); chiefExecutiveChart.addEventListener("Rendered", function () { FusionCharts(chartIdName + suffix).exportChart(); } ); }; Above function will call 5 times with dynamic chart id's "chartIdName + suffix" and dynamic swl files. We are using below swf files. 1. MSCombiDY2D.swf 2. SelectScatter.swf 3. SelectScatter.swf 4. SelectScatter.swf 5. Pie2D.swf I am able to export only Pie2D.swf chart, reaming charts are not exported. Pleasse advice am i missing anyting. If I use below code image export is working file. But I have other issue( Some times i am getting same images for all 5 exports and "hasRendered()" is not a function). So i want to do this using "addEventListener()" var chartObjectRankExport = getChartFromId("rankComparisonPdfChart" + suffix); if(chartObjectRankExport .hasRendered()){ chartObjectRankExport .exportChart(); } var chartObjectFixedVsVariable = getChartFromId("fixedVsVaraiblePdfChart" + suffix); if(chartObjectFixedVsVariable .hasRendered()){ chartObjectFixedVsVariable .exportChart(); } . . . Please advice.

Hi , We are using FC_Export to export fusion chart as images. It is working in all browsers with window os. But when we deployed it in linux we are getting problem with IE browser(Mozilla and chrome it's working fine). we are unable to export the image. we are adding these attributes in xml ("exportCallback="FC_Exported" exportEnabled="1" exportAtClient="0" exportAction="save" exportHandler="localhost....." exportShowMenuItem="1" showExportDialog="1"). var chartObjectRankExport = getChartFromId("id"); if( chartObjectRankExport.hasRendered() ) chartObjectRankExport.exportChart(); call back method: FC_Exported = function(objRtn) { } OS details: ------------ Red Hat Enterprise Linux Server release 5.6 (Tikanga) Please advice. Thanks, Venkat

Hi , We found the problem with IE8. Actually we are rendering the images at the bottom of the page(Charts are not in active window we can see with scroll) to export. So chart export is unable to find the chart id. If once we move the bottom of the page(focus) the images are rendering then chart export is working in IE8. Please advice how can we fix this. With out moving to the bottom(using scroll) we can not render the chart. Please advice. We need source code of fusion chart exporter in java. Because we need to change looger while export the image. Is it possible to export image in temp folder C:\\temp(not in server) folder. Thanks, Venkat.

Hi , I need to download the chart as image without rendering it in the browser.I will provide the xml and chart properties (swf file ,width,height etc ) . Is there any way that i can do that in java/javascript/jsp. Please advice. Thanks, Venkat.

Hi All, We are trying to implement the 2D Column Chart in our project. But we need horizontal dashed line in 2D Column chart based on the x and y value. Please find the attached screen shot for you reference. Please suggest how can create the chart shown in screen shot. thanks, Venkat.

Hi All, I am,using column2D fusion chart. We apply background color to chart. Decreasing zoom cuts off the chart, while increasing zoom leaves empty white spaces. Press Ctrl++ or Ctrl+- (or go to the your browser Menu Bar> View> Zoom> Zoom In or Zoom Out Please find the attachment for you reference. Please advice, how can i solve above issue. Thanks, Venkat.

Hi , Thanks for your reply. We resolved the issue with updated function charts swf file. Thanks, Venkat.

Hi All, I am, using column 2D fusion chart with VLines. 1. We want tool tip text on Vlines(Shown in Image 2) 2. We need tick marks in x-axis(Shown in Image 1). Please find the attachment for you reference. Please advice, how can i solve above issues. Thanks, Venkat.

Hi All, We are trying to implement the 2D Column Chart in our project. I have below questions on this cahrt. Question 1: How can I add different background colors for <VLine> labels ( 1 ). Question 2: Is it possible to create my own y-axis ranges(2). Question 3: How to draw <VLine> on the bars. Now it is hiding by the bars (3). Please advice. Please let me know if any other charts have these features. Please find the attachment screen shot for your reference. Thanks, Venkat.