nvolker

I figured it out! The dev environment I was working in (something like http://www.url.com/test - fusion_charts/) had some spaces in its URL. Mobile Safari didn't automatically escape these when they were put into fill="url('blah#highcharts-5')", so it wasn't able to find the background gradient definition. I fixed this by editing part of highcharts.js from url('+ this.url + ... to url(' + escape(this.url) + ... So if you have spaces in your URL, either do what I did, or just change your URL.

I'm having this same issue on my device: using the following html/javascript, copied almost exactly from http://www.fusioncha...mos/Blueprint/: <div id="fusion_chart_div_2" align="center"> Chart. </div> <script type="text/javascript"> <!-- //Instantiate the Chart var chart_TopEmployees = new FusionCharts( { "swfUrl" : "includes/fusion_charts/Pie2D.swf", "width" : "460", "height" : "305", "renderAt" : "fusion_chart_div_2", "dataFormat" : "xml", "id" : "fusion_chart_2", "wmode" : "opaque", "dataSource" : "<chart caption='Top 5 Employees for 1996' palette='2' animation='1' subCaption='(Click to slice out or right click to choose rotation mode)' showValues='0' numberPrefix='$' formatNumberScale='0' showPercentInToolTip='0'><set label='Leverling' value='100524' isSliced='0' /><set label='Fuller' value='87790' isSliced='0' /><set label='Davolio' value='81898' isSliced='0' /><set label='Peacock' value='76438' isSliced='0' /><set label='Callahan' value='55091' isSliced='0' /><styles><definition><style type='font' name='CaptionFont' color='666666' size='15' /><style type='font' name='SubCaptionFont' bold='0' /></definition><application><apply toObject='caption' styles='CaptionFont' /><apply toObject='SubCaption' styles='SubCaptionFont' /></application></styles></chart>" } ).render(); // --> </script>