ubercool

Members
 View Profile  See their activity

  • Content count

    16

  • Joined

  • Last visited

  • Days Won

    1

Posts posted by ubercool

  1. Posted · Report reply

    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?

  2. Posted · Report reply

    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:

     

     

    <div id="chartbox" style="height:100%;" >

    <script src="/FusionCharts/FusionCharts.js" type="text/javascript"></script>

    <script type="text/javascript">// <![CDATA[

    var myChartId = 'Apple revenues';

    var myChartSWF = '/FusionCharts/Line.swf';

    var myChartWidth = '100%';

    var myChartHeight = '60%';

    var myDataXML = '/FusionChartsData/apple-revenues-2000-2012.xml';

    document.write('<span id="' + myChartId + 'container">')

    var chartObj = new FusionCharts(myChartSWF, myChartId, myChartWidth, myChartHeight);

    chartObj.setDataURL(myDataXML);

    chartObj.render(myChartId + 'container'); // ]]></script>

    </div>

    post-27984-0-58715700-1359566797_thumb.jpg

  3. Posted · Report reply

    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):

     

    <span id="Apple revenuescontainer"><object type="application/x-shockwave-flash" lang="EN" class="FusionCharts" id="Apple revenues" data="/FusionCharts/Line.swf" width="600" height="439" style="visibility: visible; "><param name="scaleMode" value="noScale"><param name="scale" value="noScale"><param name="wMode" value="opaque"><param name="bgColor" value="#ffffff"><param name="allowScriptAccess" value="always"><param name="quality" value="best"><param name="flashvars" value="lang=EN&debugMode=undefined&scaleMode=noScale&animation=undefined&DOMId=Apple revenues&registerWithJS=1&chartWidth=600&chartHeight=439&InvalidXMLText=Invalid data.&stallLoad=true&dataXML=undefined&dataURL=/FusionChartsData/apple-revenues-2000-2012.xml"></object>

    </span>

     

     

    Hi,

     

    Apologies for the delayed response.

     

    http://www.michaeltc...isappoint-meme/ >>Using iPad, the charts renders without any data points is due to compatibility issue between jQuery 1.8.0 and FusionCharts XT SR3 version.

     

    However, we are glad to let you know this issue has been fixed in our latest release of FusionCharts. Can you please try upgrading to the latest version of FusionCharts XT SR5?

     

    Please refer to our "Version History" at: http://docs.fusionch...WhatsNew32.html

     

    Please read more at : http://forum.fusionc...-on-jquery-180/

     

    Hope this helps.

  4. Posted · Report reply

    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!

  5. Posted · Report reply

    For proper positioning, you would need to check the device on which the charts are rendered and apply CSS accordingly.

     

    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!

  7. Posted · Edited by ubercool · Report reply

    Thanks so much, that fixed it. smile.gif

     

    Hi,

     

    Welcome to FusionCharts Forum! smile.gif

     

    In the chart XML, you have provided "plotFillAlpha" attribute with two values.

     

    Please note, it accepts only single value. So modify the "plotFillAlpha" attribute accordingly. Hence, legend will be displayed.

     

    Ref. Code:

    <chart ... plotFillAlpha='95'>

     

    For more information, please refer the following URL:

    http://docs.fusionch...c/DataPlot.html

     

    Hope this helps!

  10. Posted · Report reply

    The issue here is that FusionCharts doesn't accept absolute data URLs (to block XSS). As such, place the SWF and XML file in the same domain as your wordpress installation.

     

    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.