SuperDelic

I found a workaround for this by initiating the chart with dummy data and then hiding it.

I'm having a strange issue with using a Scatter chart with the Javascript renderer. There seems to be a large gap between the X-axis end and the edge of the chart canvas. The same XML and jQuery code with the Flash renderer does not have this problem. I have attached an image file containing screen grabs for the 2 methods. I need to use the Javascript renderer for this to work on iPads. This looks awful and I can't submit this to my superiors as is. I've used FusionCharts for years and not really looking forward to looking for other online charting solutions. Please advise.

Did you ever find a solution to this? I'm trying to do the same thing.

What I've found is that <styles> in general do not consistently work the same between Flash and JavaScript. As of now, changing the font properties of DataValues do not apply to the showSum attribute, and the same can be said for changing the font properties of the Legend. Since I'm programming for tablets, I need to use JavaScript for consistency, so Flash is out of the question. I don't know if this qualifies as reporting a bug, but there it is.

FYI: The above style does indeed work, but only with the Flash renderer. I'm using the jQuery handler and rendering with JavaScript, and using the style above doesn't change the showSum property, just the actual data values. I'll try poring over the code to find what's missing, but that could take a while.

Also, FusionCharts_fallbackJSChartWhenNoFlash() does not work (as per the Documentation page), but FusionCharts._fallbackJSChartWhenNoFlash() does (notice the period after FusionCharts).

Your code does work, indeed. However, after prying into FusionCharts Javascript code, I found that window.Highcharts keeps returning "undefined" in the checkFCCReady function, as if it's not loading the highcharts.js file. The baseURL variable used by the loadFCC function is empty, which is what I expected since the highcharts.js file is supposed to be in the same directory as the FusionCharts_3.2.1.js file. The problem is that the baseURL variable is supposed to be in relation to the calling PHP page. Using the directory structure below: Main Directory css/ images/ js/ FusionCharts_3.2.1.js and highcharts.js are in this directory. php/ The main page which calls FusionCharts_3.2.1.js and highcharts.js is in this directory. swf/ xml/ If I change loadScript(baseURL + 'highcharts.js') to loadScript('../js/highcharts.js'), everything works fine.

I am having an issue where the Javascript renderer is not firing off. I have the fusionCharts_3.2.1.js, highcharts.js and jquery.min.js files in the same folder, and the Flash versions of the charts work just fine. However, forcing it to render in Javascript doesn't seem to be doing anything, either in my browser or my iPod Touch. It doesn't throw any errors or warnings, either. Can someone point me in the right direction? Below is my code: function loadContent() { // Add chart's div to DOM. $("body").append('<div id="divChart_a"></div>'); // Force JavaScript rendering. FusionCharts.setCurrentRenderer("javascript"); // FusionCharts SWF file & parameters. var chart_a = new FusionCharts("../swf/Column3D.swf", "chrt_a", "100%", "100%", "0", "1"); // FusionCharts chart data. chart_a.setXMLData('<chart animation="1" caption="Purchase Intent" chartLeftMargin="20" chartRightMargin="20" chartTopMargin="15" chartBottomMargin="10" canvasPadding="30" exportEnabled="1" yAxisMinValue="0" yAxisMaxValue="10" numDivLines="3" showBorder="1" showLegend="1" legendPosition="RIGHT" legendMarkerCircle="0" showValues="1" placeValuesInside="0" labelDisplay="WRAP" decimals="1" forceDecimals="1" canvasBorderColor="666666" canvasBorderThickness="1" canvasBorderAlpha="0" showCanvasBg="1" canvasBgColor="CCCCCC" canvasBgAlpha="0" bgColor="FFF89B,FFFFFF,FFF89B" outCnvBaseFont="Verdana" baseFont="Verdana" outCnvBaseFontColor="000000" baseFontColor="000000" outCnvbaseFontSize="10" baseFontSize="10"><set label="RZ" value="8.2" /><set label="SM" value="8.1" /><set label="RL" value="7.8" /><set label="ON" value="7.8" /><set label="EX" value="7.7" /><set label="SP" value="7.5" /><set label="MB" value="7.2" /><set label="SM2A" value="6.2" /><set label="SM2B" value="5.4" /></chart>'); // Now render FusionCharts. chart_a.render("divChart_a"); }

I can close this topic. There was an extra "var" in the call to FusionChart.

Hello. I have a page where users can create and customize their own charts, including fonts, colors, etc. Whenever a change is made, the chart re-renders using the same chartId to show the user their changes in real-time. I use the chartId.getXMLData() method in JavaScript, but it returns the original XML and not the altered XML. Debug mode shows the correct altered XML. I've also tried using chartId.getChartData(FusionChartsDataFormats.XML) and it returns the same original XML. I'm at a loss at to what I'm doing wrong.

Hello, all. I know I must be doing something wrong with syntax. What I have is a toolbar with buttons for various FusionCharts options, such as: 2-D or 3-D showSum caption subCaption legendPosition animation showPercentageValues canvasBgColor et cetera, et cetera. However, I just can't seem to get the syntax correct to refresh the div with the Fusion chart (without refreshing entire page). In the example below, another function calls it with the following parms: chartName=SWF file name w/out extension (e.g. StackedBar3D or MSColumn3D) blnAnim=0 (false) or 1 (true) blnShowSum=0 (false) or 1 (true) xmlData=Data-only xml (no attributes) function updateChart(chartName, blnAnim, blnShowSum) { var chartReference = FusionCharts("chrtRptId"); chartReference.setChartAttribute("animation", blnAnim); chartReference.setChartAttribute("showSum", blnShowSum); chartReference.setChartAttribute("swfUrl", "../swf/" + chartName + ".swf"); chartReference.setXMLUrl(xmlData); chartReference.render("chartdiv"); } However, this current syntax only seems to reload the original chart. What am I doing wrong here?

The documentation I've seen for loading multiple charts appears to revolve around JavaScript or ASP, not PHP.The problem I'm having is I could have a page with 4 charts (using FusionCharts v3, licensed), with each MySQL query tuned to return results in 5 seconds. However, when it comes to rendering them, the web page appears to wait until all queries have been run to begin rendering, which could be around 30 seconds (too long to wait, in the client's eyes). I want to verify the following: Using PHP, can I apply an empty movie to each chart in order to load the page, then render the charts in order from Top Left -> Top Right -> Bottom Left -> Bottom Right? What is the PHP syntax for this? Are there files I need to include? Can I assign the dynamically-created XML into an array, then render the charts in order, without waiting for all other charts to render first? Thank you. These charts are a huge hit with our clients, and rendering performance was their only complaint.