smithygreg

Hi, I recently started trying to use the javascript HTML5 rendering for my charts and I am not having much luck. I have FusionCharts.setCurrentRenderer('javascript'); specified in the head of my document. I WAS using the C# RenderChartHTML method to create the charts before with no issues. When I tried to use that method, it continued to export the <object><embed> tags, so lookin g at the examples, I switched over to the RenderChart method. Now I just get either a blank chart, or one that says "No Data to Display"... The following is the code that is created from the RenderChart method...Should this successfully create a chart or have i missed something? I am putting my xml in the dataStr parameter. Should I be using the dataXML parameter? Thanks for any help! Excited about taking advantage of this new functionality... <!-- Using ASP.NET FusionCharts v3.2.2.1 Wrapper and JavaScript rendering --><!-- START Script Block for Chart myNext303 --> <div id='myNext303Div' > Chart. </div> <script type="text/javascript"> if (FusionCharts && FusionCharts("myNext303")) FusionCharts("myNext303").dispose(); var chart_myNext303 = new FusionCharts( {"dataFormat" : "xml", "scaleMode" : "noScale", "renderAt" : "myNext303Div", "id" : "myNext303", "debugMode" : "0", "lang" : "EN", "swfUrl" : "FusionCharts/Column3D.swf", "wMode" : "opaque", "width" : "500", "height" : "400", "registerWithJS" : "1", "dataSource" : "<graph caption='Divisional Accessorial Details' subCaption='Fuel Surcharge - Ground' xAxisName='' yAxisName='' decimalPrecision='0' formatNumberScale='0' showNames='1' numberPrefix='' numberSuffix='' enableSmartLabels ='1' baseFontSize ='9' outCnvBaseFont ='9' showBorder='0' bgColor ='EEEEEE' canvasbgColor='EEEEEE' labelStep='1' showValues='0' labelDisplay='Rotate' slantLabels='1' > <styles> <definition> <style name='MyFirstFontStyle' type='font' font='Verdana' size='12' /> </definition> <application> <apply toObject='Caption' styles='MyFirstFontStyle' /> </application> </styles> <set name='Newark-Corp' value='207296' color='1941A5' toolText='207,296.00' link='DashBoard.aspx%3fID%3d45%26DID%3d16%26AID%3d12%27 /> <set name='Newark-IT' value='202351' color='AFD8F8' toolText='202,351.00' link='DashBoard.aspx%3fID%3d45%26DID%3d17%26AID%3d12%27 /> <set name='Anaheim-Parcel' value='190401' color='F6BD0F' toolText='190,401.00' link='DashBoard.aspx%3fID%3d45%26DID%3d18%26AID%3d12%27 /> <set name='Anaheim-Freight' value='212726' color='8BBA00' toolText='212,726.00' link='DashBoard.aspx%3fID%3d45%26DID%3d19%26AID%3d12%27 /> <set name='Tampa-Samples' value='167985' color='A66EDD' toolText='167,985.00' link='DashBoard.aspx%3fID%3d45%26DID%3d20%26AID%3d12%27 /> <set name='Tampa-Returns' value='200791' color='F984A1' toolText='200,791.00' link='DashBoard.aspx%3fID%3d45%26DID%3d21%26AID%3d12%27 /> <set name='Tampa-Corp' value='138377' color='CCCC00' toolText='138,377.00' link='DashBoard.aspx%3fID%3d45%26DID%3d22%26AID%3d12%27 /> <set name='Tampa-Stores' value='155454' color='999999' toolText='155,454.00' link='DashBoard.aspx%3fID%3d45%26DID%3d23%26AID%3d12%27 /> <set name='Tampa-Docs' value='196397' color='0099CC' toolText='196,397.00' link='DashBoard.aspx%3fID%3d45%26DID%3d24%26AID%3d12%27 /> <set name='Lakeland-Corp' value='195165' color='FF0000' toolText='195,165.00' link='DashBoard.aspx%3fID%3d45%26DID%3d25%26AID%3d12%27 /> <set name='Lakeland-Sales' value='270565' color='006F00' toolText='270,565.00' link='DashBoard.aspx%3fID%3d45%26DID%3d26%26AID%3d12%27 /> <set name='NY-Madison' value='243340' color='0099FF' toolText='243,340.00' link='DashBoard.aspx%3fID%3d45%26DID%3d27%26AID%3d12%27 /> <set name='NY-Sales' value='229336' color='FF66CC' toolText='229,336.00' link='DashBoard.aspx%3fID%3d45%26DID%3d28%26AID%3d12%27 /> <set name='Princeton' value='189082' color='669966' toolText='189,082.00' link='DashBoard.aspx%3fID%3d45%26DID%3d29%26AID%3d12%27 /> </graph>" }).render(); </script> <!-- END Script Block for Chart myNext303 -->

Well, as it turned out, the problem was that my links didn't have the proper single quote closing them. Apparently RenderChartHTML fixes quotes for you? Thanks for the great product. -Greg

Hi..I have been using FC3 for a while now and have had no problems, all of a sudden though, there is a dark grey background color on my Pie2d, Area2D and Doughnut2D graphs. None of my other charts are affected. The color code is #777777 and I have viewed the source for my site and there is no mention of that color code anywhere. Here is some other information that may be relevant... If I change the chart to a Pie3D and the problem goes away. I removed the bgColor and canvasbgColor from the chart declaration and the problem still persists... The problem also seems to be limited to the most recent version of IE...9.0.3. Coworkers using 9.0.2 (or Chrome or FF) don't have the same problem. I can view the sample charts on the FusionCharts website without seeing the offending background color... Here is the HTML that is being displayed by IE. <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="https://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="400" height="300" name="myNext"> <param name="allowScriptAccess" value="always" /><param name="WMode" value="Transparent"></param> <param name="movie" value="FusionCharts/Doughnut2D.swf"/> <param name="FlashVars" value="&chartWidth=400&chartHeight=300&debugMode=0&dataXML=<graph caption='Volume By Division' subCaption='' xAxisName='Division' yAxisName='Volume' decimalPrecision='0' formatNumberScale='0' showNames='1' numberPrefix='' numberSuffix='' enableSmartLabels ='1' baseFontSize ='9' outCnvBaseFont ='9' showBorder='0' labelStep='1' showValues='0' ><set name='AMHERST, NY' value='25675' color='1941A5' toolText='25,675.00' link='DashBoard.aspx%3fID%3d8%26DID%3d107%27 /><set name='PHOENIX,AZ' value='10373' color='AFD8F8' toolText='10,373.00' link='DashBoard.aspx%3fID%3d8%26DID%3d109%27 /><set name='MIRAMAR, FL' value='647' color='F6BD0F' toolText='647.00' link='DashBoard.aspx%3fID%3d8%26DID%3d110%27 /><set name='ATLANTA, GA' value='6728' color='8BBA00' toolText='6,728.00' link='DashBoard.aspx%3fID%3d8%26DID%3d111%27 /></graph>" /> <param name="quality" value="high" /> <embed src="FusionCharts/Doughnut2D.swf" FlashVars="&chartWidth=400&chartHeight=300&debugMode=0&dataXML=<graph caption='Volume By Division' subCaption='' xAxisName='Division' yAxisName='Volume' decimalPrecision='0' formatNumberScale='0' showNames='1' numberPrefix='' numberSuffix='' enableSmartLabels ='1' baseFontSize ='9' outCnvBaseFont ='9' showBorder='0' labelStep='1' showValues='0' ><set name='AMHERST, NY' value='25675' color='1941A5' toolText='25,675.00' link='DashBoard.aspx%3fID%3d8%26DID%3d107%27 /><set name='PHOENIX,AZ' value='10373' color='AFD8F8' toolText='10,373.00' link='DashBoard.aspx%3fID%3d8%26DID%3d109%27 /><set name='MIRAMAR, FL' value='647' color='F6BD0F' toolText='647.00' link='DashBoard.aspx%3fID%3d8%26DID%3d110%27 /><set name='ATLANTA, GA' value='6728' color='8BBA00' toolText='6,728.00' link='DashBoard.aspx%3fID%3d8%26DID%3d111%27 /></graph>" quality="high" width="400" height="300" name="myNext" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" pluginspage="https://www.macromedia.com/go/getflashplayer" /> </object> Below is a screenshot of what it looks like...The graph on the bottom has the correct color...The two on top have the offending colors... I know this is a lot of information and it may just come down to the old "Internet Explorer sucks" argument...But unfortunately, I can't make all of my users NOT use IE9.0.3... Thanks for any help... Greg