• Content count

  • Joined

  • Last visited

About atorres

  • Rank
    Forum Newbie
  1. By the way I also recommend adding //Add wmode transparency to allow overlay this.addParam('wmode', 'opaque'); to the FusionCharts.js file provided by FC to allow for overlaying any html you may want on top of the chart.
  2. I figured out the problem... I basically make sure the div that the javascript is being injected into does not have the same id as the chartId otherwise IE will throw an error.
  3. I am having the same problem, My code works in Chrome and FF but throws an error in IE. This is the error I am getting: Line: 1 Error: Object doesn't support this property or method When I debug with IE i find the error is on this line. try { document.getElementById("mainChart").SetReturnValue(__flash__toXML(FC_Loaded("mainChart")) ); } catch (e) { document.getElementById("mainChart").SetReturnValue(""); } I attached my source code perhaps someone can tell me if I'm doing something obviously wrong. < !doctype html> < html xmlns="" > < head> < title> Test< /title> < script SRC=" /js/fusionCharts/FusionCharts.js" type=" text/javascript" > < /script> < script SRC=" /js/fusionCharts/FusionChartsExportComponent.js" type=" text/javascript" > < /script> < /head> < body> < a class=" button" href=" javascript:void(0);" onclick=" initiateExport();" > Export/Print Chart< /a> < br /> < div id=" mainChart" style=" " > The chart will appear within this DIV. This text will be replaced by the chart.< /div> < script type=" text/javascript" > var myChart = new FusionCharts(" /charts/FusionCharts/Column3D.swf" , " mainChart" , " 900" , " 300" , " 0" , " 1" ); myChart.setDataXML(" < chart exportEnabled='1'exportShowMenuItem='1'exportAtClient='1' exportHandler='fcExporter1' exportFileName='MyFile' showAboutMenuItem='0' showExportDataMenuItem='1' caption='Monthly Sales Summary' subcaption='For the year 2006' xAxisName='Month' yAxisName='Sales' numberPrefix='$'> < set label='January' value='17400' /> < set label='February' value='19800' /> < set label='March' value='21800' /> < set label='April' value='23800' /> < set label='May' value='29600' /> < set label='June' value='27600' /> < set label='July' value='31800' /> < set label='August' value='39700' /> < set label='September' value='37800' /> < set label='October' value='21900' /> < set label='November' value='32900' /> < set label='December' value='39800' /> < /chart> " ); myChart.render(" mainChart" ); < /script> < div style=" float:left" id='handlerDivWrapper'> < div id='exportHandlerDiv'> FusionCharts Export Handler Component< /div> < /div> < script type=" text/javascript" > var fcExportComponent = new FusionChartsExportObject('fcExporter1', '/charts/FusionCharts/FCExporter.swf'); fcExportComponent.sourceCharts = " ['mainChart']" ; //Full Mode fcExportComponent.componentAttributes.fullMode = '1'; //Set saving type to individual fcExportComponent.componentAttributes.saveMode = 'both'; //Show allowed export format drop-down fcExportComponent.componentAttributes.showAllowedTypes = '1'; //Width and height fcExportComponent.componentAttributes.width = '350'; fcExportComponent.componentAttributes.height = '250'; //Message - caption of export component fcExportComponent.componentAttributes.showMessage = '1'; fcExportComponent.componentAttributes.defaultExportFileName = " my_file" ; fcExportComponent.componentAttributes.message = 'Save file(s) in desired format, then open file to print or attach to email.'; //Render the exporter SWF in our DIV fcexpDiv fcExportComponent.Render(" exportHandlerDiv" ); function initiateExport(){ fcExportComponent.BeginExportAll(); } < /script> < /body> < /html> By the way SANATIZE YOUR FORM INPUTS It makes me sick that i had to html encode my source just to post on your site...
  4. charts squished in top left corner

    Hey thanks for your reply, unfortunately that solution is not going to work for me. I found this documentation that says fusioncharts v3.1 now supports 100% width and height. I need this functionality because I do not know at render time what the width or height of the page is going to be. Some side notes. The charts are not always squished if I refresh the page its frequent but not guaranteed. Secondly the charts that are squished are usually (not always) hidden on page load. I have some tabs that show/hide various divs on the page wrapping the charts. The width and height of my embedded element on the page is the correct size at render time (the swf inside is the one that seems to be squished)
  5. I have a bunch of charts on a dashboard page. There are roughly 14 different charts/widgets displayed on the page at one time. In IE the charts will often get squished in the top left of the div containing the embed code however, the embed element has the correct width and height specified in the html (the chart is squished not the embed element). I don't know if this is due to the number of charts on the page or not, I have noticed if i remove some number of charts the problem happens left often. Here is my code for embedding the chart (this is Coldfusion code) <embed class="embeded-chart" src="/charts/fusionCharts/#local.swfName#" flashVars="&dataXML=#local.chartXml#&chartWidth=100%&chartHeight=100%" wmode="opaque" quality="high" width="100%" height="100%" name="#members.chartId#" type="application/x-shockwave-flash" pluginspage=""/> Any help would be appreciated thanks!
  6. I am wondering if there is anyway to tell the fusion chart at page render time to render as an image instead of an swf so if the user hits the print button the charts will be displayed. I am using coldfusion and i know i can just set a flag that says render as image, but how do i do this in JavaScript without having to export? Thanks!