renukasagani

Hi, I want to save multiple images save to server using fuioncharts 3.2.1 html5 javascript menthod, I am able to render the chart , if I want to export to server side getting error like "chartObject.getSVG is not a function". So can you please an idea to getSVG with chart object in the javascript , I think I have used wrong syntax to getSVg string. Actually I tried to use chartObject.exportChart() function to export images , but unfortunately this is working in firefox, not working in IE, in IE only one image exporting after that I am getting error message like "getElementsBytagName(DIV)[0]" is null, in highcharts. So I am trying to get svgstring of rendered chart using javascript after that I would like to convert into image using server side batik method in php. I have modified FC_export.php file as per server side settings , but for each image giving image download alert box in firefox, it suppose to save image directly in specified directory it is saving also giving download alert , so how to avoid this . Below is my code : <script type="text/javascript" src="http://localhost/test/FusionCharts_3.2.1/Charts/FusionCharts.js"></script> <script type="text/javascript"> function ExportMyCharts() { var chartObject=getChartFromId('myChartId'); var svg=chartObject.getSVG(); alert(svg); var chartObject1=getChartFromId('myChartId1'); var svg1=chartObject1.getSVG(); alert(svg1); } </script> <input name="button" type="button" class="button" value="export" onclick="ExportMyCharts();"/> <div id="chartContainer">FusionCharts will load here!</div> <script type="text/javascript"> FusionCharts.setCurrentRenderer('javascript'); var myChart = new FusionCharts( "http://localhost/test/FusionCharts_3.2.1/Charts/Column2D.swf", "myChartId", "400", "300", "1", "1" ); myChart.setXMLUrl("http://localhost/test/FusionCharts_3.2.1/Code/ExportChartSamples/PureJavaScript/Data.xml"); myChart.render("chartContainer"); myChart._overrideJSChartConfiguration({ exporting:{ url: 'http://localhost/test/export/exporting-server/index.php', //path of HC exporter type: 'image/svg+xml' } }); </script> <div id="chartContainer1">FusionCharts will load here!</div> <script type="text/javascript"> FusionCharts.setCurrentRenderer('javascript'); var myChart = new FusionCharts( "http://localhost/test/FusionCharts_3.2.1/Charts/Column2D.swf", "myChartId1", "400", "300", "1", "1" ); myChart.setXMLUrl("http://localhost/test/FusionCharts_3.2.1/Code/ExportChartSamples/PureJavaScript/Data2.xml"); myChart.render("chartContainer1"); myChart._overrideJSChartConfiguration({ exporting:{ url: 'http://localhost/test/export/exporting-server/index.php', //path of HC exporter type: 'image/svg+xml' } }); </script> please give any suggestions to get SVG string using javascript function, especially in IE these functions are not working properly. Thanks, Renuka

Dear Support Team We are facing a very strange issue with FusionCharts v3.1: Release: 24th February 2009. When we tried to export to word and excel which has fusion charts, it was taking too long to save the client side graphs and hence the website was waiting endlessly for the images to be exported. This is happening with all the browsers. We have tried setting the Global Security Settings for Flash Player 10 to "Always Ask" and " Allow" but of no avail. The operating system is Vista ( 32 bit) and Flash Player 10. We attach herewith the code we have used in the exports. Pls look into this and get back asap. Thanks & Regards Renuka. export_issue.zip

HI, Iam using Fusioncharts-V-3.2.1 .Actually my code working with flash, but I am using javascript render method with "FusionCharts.setCurrentRenderer('javascript');" , in this it is not working . Giving xml error like "Error in loading data / invalid xml". Below is my code : <script language="JavaScript" src="../../Charts/FusionCharts.js"></script> XML Code <chart bgColor='E9E9E9' outCnvBaseFontColor='666666' caption='Monthly Sales Summary Comparison' xAxisName='Month' yAxisName='Sales' numberPrefix='$' showValues='0' numVDivLines='10' showAlternateVGridColor='1' AlternateVGridColor='e1f5ff' divLineColor='e1f5ff' vdivLineColor='e1f5ff' baseFontColor='666666' toolTipBgColor='F3F3F3' toolTipBorderColor='666666' canvasBorderColor='666666' canvasBorderThickness='1' showPlotBorder='1' plotFillAlpha='80'> <categories> <category label='Jan' /> <category label='Feb' /> <category label='Mar' /> <category label='Apr' /> <category label='May' /> <category label='Jun' /> <category label='Jul' /> <category label='Aug' /> <category label='Sep' /> <category label='Oct' /> <category label='Nov' /> <category label='Dec' /> </categories> <dataset seriesName='2004' color='B1D1DC' plotBorderColor='B1D1DC'> <set value='27400' /> <set value='29800'/> <set value='25800' /> <set value='26800' /> <set value='29600' /> <set value='32600' /> <set value='31800' /> <set value='36700' /> <set value='29700' /> <set value='31900' /> <set value='32900' /> <set value='34800' /> </dataset> <dataset seriesName='2003' color='C8A1D1' plotBorderColor='C8A1D1'> <set /> <set /> <set value='4500'/> <set value='6500'/> <set value='7600' /> <set value='6800' /> <set value='11800' /> <set value='19700' /> <set value='21700' /> <set value='21900' /> <set value='22900' /> <set value='29800' /> </dataset> <trendlines> <line startValue='22000' endValue='58000' color='999999' displayValue='Target' dashed='1' thickness='2' dashGap='6' alpha='100' showOnTop='1'/> </trendlines> <styles> <definition> <style type='animation' name='TrendAnim' param='_alpha' duration='1' start='0' /> </definition> <application> <apply toObject='TRENDLINES' styles='TrendAnim' /> </application> </styles> </chart> <div id="chartdiv" align="center"> FusionCharts. </div> <script type="text/javascript"> FusionCharts.setCurrentRenderer('javascript'); var chart = new FusionCharts("../../Charts/StackedBar2D.swf", "ChartId", "560", "400", "0", "0"); chart.setXMLUrl("../Data/XML/StBar2D1.xml"); chart.render("chartdiv"); </script> Please give me any suggestions to resolve this issue as early as possible. Thanks,

Hi, I am using FusionCharts_v_3.2.1 with java script render concept. I am able to render using below xml, but the chart properties are not working as flash properties. Below are the issues phased with java script render: 1. legend marker should come as square, please find attached the image of the java script chart which is being rendered as vertical rectangle legend marker. 2.Data labels are not adjusting automatically , if category label length is high ,appearing only half of the name . 3.Number of div lines of chart also not working, I have adjusted to 5 but still it is coming as 10. My code is : <div id="chartContainer">FusionCharts will load here!</div> <script type="text/javascript"> var myChartx = new FusionCharts( "http://localhost/test/FusionCharts_3.2.1/Charts/StackedColumn2D.swf","myNext", "600", "400", "0", "1" ); myChartx.setXMLData("<chart decimalPrecision='0' showValues='1' showNames='1' numberSuffix=' %' pieSliceDepth='20' formatNumberScale='0' exportEnabled='1' exportAtClient='0' exportAction='save' exportHandler='http://localhost/test/FusionCharts_3.2.1/ExportHandlers/PHP/FCExporter.php' exportFileName='133-4145-1289454166' overRideLimitCalc='1' showPlotBorder='1' plotBorderColor='000000' plotBorderThickness='2' plotGradientColor='' plotBorderAlpha='75' animation='0' placeValuesInside='1' exportShowMenuItem='0' yAxisMinValue='0' yAxisMaxValue='100' numDivLines='5'><categories> <category label='Private Buses' /> <category label='Govt Buses' /></categories><dataset seriesName='India' color='008800' > <set value='10' color='008800' showValue='10' /> <set value='20' color='008800' showValue='20' /> </dataset><dataset seriesName='US' color='CDFFCC' > <set value='30' color='CDFFCC' showValue='30' /> <set value='40' color='CDFFCC' showValue='40' /> </dataset> <styles><definition><style name='MyFirstFontStyle' type='font' face='Verdana' size='10' color='333333' bold='1' /> <style name='MyFirstAnimationStyle' type='animation' param='_yScale' start='0' duration='1' /> <style name='MyFirstShadow' type='Shadow' color='CCCCCC' /> </definition><application> <apply toObject='DataValues' styles='MyFirstFontStyle,MyFirstAnimationStyle' /> </application> </styles> </chart>"); myChartx.render("chartContainer"); myChartx._overrideJSChartConfiguration({ exporting:{ url: 'http://localhost/test/export/exporting-server/index.php', type: 'image/svg+xml' }, chart: { marginTop: 30, marginRight: 30 }, xAxis: { labels: { align: "right", rotation: 0 } }, yAxis: [{ yaxisminvalue: "0", yaxismaxvalue: "100", numDivLines: "5" }] }); </script> Please review the code , and let me know the solution as soon as possible, Please consider my request with high priority. Thanks, Renuka

waiting for your feedback Thanks,

Hi, I am able to get svg after modifying highchart .js and fusionchart js files, now I am able to get svg of renderchart. Regards, Renuka

Hi, Please go through the attached image, in which we have oncut with divgap between yaxis minvalue and next level value after that some constant levels. To achieve graph like this, i have set the yAxisMinValue=70, and now I tried to hide this min value with showYAxisValues='0' but,with this all yaxis values are hided, is any way to hide only minvalue of Y-axis. To get space between hided yaxisminvalue and next value I used divLineDashGap='2' but it is giveing giving gap between all . I need only for first time gap. please any body suggest me , how to resolve two issues. Thanks, Renuka