ubercool

I recently moved my WordPress sites from one server to another. I have a pretty much identical setup, same theme, many of the same plugins, yet charts load on the old site but not the new one: Old: https://ubercool.com/when-did-innovation-catch-on/ New: https://michaeltchong.com/when-did-innovation-catch-on/ I did turn off all plugins to see if there was a conflict, there is not, and made sure the fusioncharts folder is in the root directory. Any tips?

As you can see from my charts I have added a subtitle to instruct my visitors to scroll charts to view them entirely by dragging either the chart title or its axis titles on an iPad or iPhone. Any chance you can fix this behaviour in an upcoming version to display the entire chart in webkit? Thanks. http://www.michaeltc...-share-of-jobs/

OK I did what you suggested and it solved the problem on the iPhone but introduced an anomaly on the iPad, which you can see on the attached screenshot. Here's my post embed code:

Thanks for SR5 answer. The actual chart now plots correctly, the line or columns actually show. The only remaining challenge is that the charts still require scrolling to see the entire plot area on iPhone/iPad. Why do you think your dynamic resizing no longer works in these newer WordPress themes? Since it's not an img, you are handling all formatting for each chart (this is using the inspector on the Mac, I can't see what your JavaScript chart code looks like on the iPad):

Anybody have any ideas what's going on? The situation is getting worse, as the iPhone and iPad now show only "invalid data" while the chart displays fine on the desktop: http://www.michaeltchong.com/son-i-am-disappoint-meme/

Can you help me understand what I would need to do? Here's the <div> HTML for chart embedding: <div id="chartbox"> <script src="/FusionCharts/FusionCharts.js" type="text/javascript"></script> <script type="text/javascript">// <![CDATA[ var myChartId = 'Share of Jobs Held by Women'; var myChartSWF = '/FusionCharts/MSColumn2D.swf'; var myChartWidth = '614'; var myChartHeight = '439'; var myDataXML = '/FusionChartsData/women-share-jobs.xml'; document.write('<span id="' + myChartId + 'container">') var chartObj = new FusionCharts(myChartSWF, myChartId, myChartWidth, myChartHeight); chartObj.setDataURL(myDataXML); chartObj.render(myChartId + 'container'); // ]]></script> </div> And here's the CSS style for that div: #chartbox { width: 100%; align: center; margin-top: -30px; margin-left:auto; margin-right:auto; margin-bottom: 3px; background: transparent; overflow: auto; } Thanks!

Sorry, iPad is OK, but iPhone is not. Screenshot attached.

I have a 2D column chart that shows its legend only in PC Internet Explorer but not PC Chrome, Mac Safari or Mac Chrome: http://www.michaeltc...-share-of-jobs/ Please help me understand why? Thanks.

Thanks so much, that fixed it.

BTW, the fact that FusionCharts files need to be in the root directory of a WordPress installation is a serious tip that needs to be explicitly stated in your documentation. Keep in mind that there are more than 20 million self-hosted WordPress blogs. I spent hours being frustrated, experimenting with a myriad of WordPress examples to try to display my charts, until I found the above statement.