Glycerine

Zoom Chart And Other Rendering Issues In Js Mode

Recommended Posts

We just upgraded to the latest FusionCharts yesterday, and everything dropped into place perfectly with a couple minor tweaks when we left it all in Flash.  We also changed one chart over the zoom chart and it worked well.  But then the ultimate goal was to have them rendered in HTML for iPads, etc.  When we toggled that over, there were quite a few issues with the zoom chart and one minor one elsewhere.

 

The minor one was on a linear chart where we had set the value to have a black background with white text so it stood out, but in HTML the black background is non-existant, so it's really hard to read white text on a grey chart background.  Minor issue that we can temporarily put a fix in for.

 

The big issues are the zoom chart.  Let me just list them out and if anyone has any input on fixing them, that would be great.  Like I said, everything works perfectly in flash, all we did is toggle them.

  • The dynamic axis values don't appear to be dynamic when you zoom in
  • Trendlines disappear for some reason
  • Tool tips of points that are right on top of each do not display side-by-side/on top of each other like they do in flash, they are in the exact same spot so one is completely hidden by the other
  • When setting the tool tip value to something custom, it is completely ignored and it simply shows the data point's value in all it's 6 decimal place glory instead of friendly currency formatted with extra information tip
  • If the toop tip is at the bottom of the chart, it is 2/3 hidden by the scroll bar
  • The scroll bar padding option does not work to offset it from the chart a bit to fix the previous problem

So if any of that can be fixed on my end, that would be great.  Again, everything looks perfect in flash mode, so that would lead me to believe that my formatting options are correct for the chart, they just aren't rendered properly in JS/HTML5 mode.

 

Thanks in advance for any tips.

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi,

 

Welcome to FusionCharts Forum!

 

What FusionCharts version are you using? can you please specify the exact version details herr?

 

Can you please send us the screen-shot of your issue?

 

Also send us the chart XML/JSON for testing purposes?

Share this post


Link to post
Share on other sites

Header of the FusionCharts.js file is this:

 

 FusionCharts JavaScript Library
 Copyright FusionCharts Technologies LLP
 License Information at <http://www.fusioncharts.com/license>

 @version fusioncharts/3.3.1-sr1.19666

 @attributions (infers respective third-party copyrights)
 Raphael 2.1.0 (modified as "Red Raphael") <http://raphaeljs.com/license.html>
 SWFObject v2.2 (modified) <http://code.google.com/p/swfobject/>
 JSON v2 <http://www.JSON.org/js.html>
 jQuery 1.8.3 <http://jquery.com/>
 Firebug Lite 1.3.0 <http://getfirebug.com/firebuglite>

 

Like I said, we just purchased and downloaded the upgrade this weekend.

 

I noticed that the horizontal trendlines are there now, so I'm not concerned with the vertical ones.  I think that issue was me setting a custom yAxisMin value and it messing it up, so something that is probably a problem, but not a huge deal to us at the moment.

 

The charts.png file is the flash next to the HTML version with the exact same data point highlighted, no code changes but telling to render in HTML instead of Flash.  I didn't screenshot the scaling of the axis when you zoom, but it does when you are in flash and does not in HTML, but let me know if you really need that screenshot.

 

Below is the javascript and XML code:

 

<script type="text/javascript">
    FusionCharts.setCurrentRenderer('JavaScript');
    var chart = new FusionCharts("/members/fccharts_html5/ZoomLine.swf", "VMIvsBenchmark_Chart", "940", "375");
    chart.setDataXML("{XML DATA HERE AS SEEN BELOW}");
    chart.render("VMIvsBenchmark");
</script>

<chart caption='Service VAMI vs. S&P 500 VAMI' showValues='0' numDivLines='4' forceDecimals='1' decimals='0' numberPrefix='$' formatNumberScale='0' chartRightMargin='25' dynamicAxis='1'>
    <categories>
        <category label='Dec 02' />
        <category label='Jan 03' />
        <category label='Feb 03' />
        <category label='Mar 03' />
        <category label='Apr 03' />
        <category label='May 03' />
        <category label='Jun 03' />
        <category label='Jul 03' />
        <category label='Aug 03' />
        <category label='Sep 03' />
        <category label='Oct 03' />
        <category label='Nov 03' />
        <category label='Dec 03' />
        <category label='Jan 04' />
        <category label='Feb 04' />
        <category label='Mar 04' />
        <category label='Apr 04' />
        <category label='May 04' />
        <category label='Jun 04' />
        <category label='Jul 04' />
        <category label='Aug 04' />
        <category label='Sep 04' />
        <category label='Oct 04' />
        <category label='Nov 04' />
        <category label='Dec 04' />
        <category label='Jan 05' />
        <category label='Feb 05' />
        <category label='Mar 05' />
        <category label='Apr 05' />
        <category label='May 05' />
        <category label='Jun 05' />
        <category label='Jul 05' />
        <category label='Aug 05' />
        <category label='Sep 05' />
        <category label='Oct 05' />
        <category label='Nov 05' />
        <category label='Dec 05' />
        <category label='Jan 06' />
        <category label='Feb 06' />
        <category label='Mar 06' />
        <category label='Apr 06' />
        <category label='May 06' />
        <category label='Jun 06' />
        <category label='Jul 06' />
        <category label='Aug 06' />
        <category label='Sep 06' />
        <category label='Oct 06' />
        <category label='Nov 06' />
        <category label='Dec 06' />
        <category label='Jan 07' />
        <category label='Feb 07' />
        <category label='Mar 07' />
        <category label='Apr 07' />
        <category label='May 07' />
        <category label='Jun 07' />
        <category label='Jul 07' />
        <category label='Aug 07' />
        <category label='Sep 07' />
        <category label='Oct 07' />
        <category label='Nov 07' />
        <category label='Dec 07' />
        <category label='Jan 08' />
        <category label='Feb 08' />
        <category label='Mar 08' />
        <category label='Apr 08' />
        <category label='May 08' />
        <category label='Jun 08' />
        <category label='Jul 08' />
        <category label='Aug 08' />
        <category label='Sep 08' />
        <category label='Oct 08' />
        <category label='Nov 08' />
        <category label='Dec 08' />
        <category label='Jan 09' />
        <category label='Feb 09' />
        <category label='Mar 09' />
        <category label='Apr 09' />
        <category label='May 09' />
        <category label='Jun 09' />
        <category label='Jul 09' />
        <category label='Aug 09' />
        <category label='Sep 09' />
        <category label='Oct 09' />
        <category label='Nov 09' />
        <category label='Dec 09' />
        <category label='Jan 10' />
        <category label='Feb 10' />
        <category label='Mar 10' />
        <category label='Apr 10' />
        <category label='May 10' />
        <category label='Jun 10' />
        <category label='Jul 10' />
        <category label='Aug 10' />
        <category label='Sep 10' />
        <category label='Oct 10' />
        <category label='Nov 10' />
        <category label='Dec 10' />
        <category label='Jan 11' />
        <category label='Feb 11' />
        <category label='Mar 11' />
        <category label='Apr 11' />
        <category label='May 11' />
        <category label='Jun 11' />
        <category label='Jul 11' />
        <category label='Aug 11' />
        <category label='Sep 11' />
        <category label='Oct 11' />
        <category label='Nov 11' />
        <category label='Dec 11' />
        <category label='Jan 12' />
        <category label='Feb 12' />
        <category label='Mar 12' />
        <category label='Apr 12' />
        <category label='May 12' />
        <category label='Jun 12' />
        <category label='Jul 12' />
        <category label='Aug 12' />
        <category label='Sep 12' />
        <category label='Oct 12' />
        <category label='Nov 12' />
        <category label='Dec 12' />
        <category label='Jan 13' />
        <category label='Feb 13' />
        <category label='Mar 13' />
        <category label='Apr 13' />
    </categories>
    <dataset SeriesName='S&P 500'>
        <set value='1000' toolText='S&P 500, Dec 2002, $1,000' />
        <set value='972.59' toolText='S&P 500, Jan 2003, $973' />
        <set value='956.05' toolText='S&P 500, Feb 2003, $956' />
        <set value='964.04' toolText='S&P 500, Mar 2003, $964' />
        <set value='1042.17' toolText='S&P 500, Apr 2003, $1,042' />
        <set value='1095.21' toolText='S&P 500, May 2003, $1,095' />
        <set value='1107.61' toolText='S&P 500, Jun 2003, $1,108' />
        <set value='1125.58' toolText='S&P 500, Jul 2003, $1,126' />
        <set value='1145.7' toolText='S&P 500, Aug 2003, $1,146' />
        <set value='1132.02' toolText='S&P 500, Sep 2003, $1,132' />
        <set value='1194.23' toolText='S&P 500, Oct 2003, $1,194' />
        <set value='1202.75' toolText='S&P 500, Nov 2003, $1,203' />
        <set value='1263.8' toolText='S&P 500, Dec 2003, $1,264' />
        <set value='1285.64' toolText='S&P 500, Jan 2004, $1,286' />
        <set value='1301.33' toolText='S&P 500, Feb 2004, $1,301' />
        <set value='1280.05' toolText='S&P 500, Mar 2004, $1,280' />
        <set value='1258.55' toolText='S&P 500, Apr 2004, $1,259' />
        <set value='1273.76' toolText='S&P 500, May 2004, $1,274' />
        <set value='1296.67' toolText='S&P 500, Jun 2004, $1,297' />
        <set value='1252.21' toolText='S&P 500, Jul 2004, $1,252' />
        <set value='1255.07' toolText='S&P 500, Aug 2004, $1,255' />
        <set value='1266.83' toolText='S&P 500, Sep 2004, $1,267' />
        <set value='1284.58' toolText='S&P 500, Oct 2004, $1,285' />
        <set value='1334.16' toolText='S&P 500, Nov 2004, $1,334' />
        <set value='1377.46' toolText='S&P 500, Dec 2004, $1,377' />
        <set value='1342.63' toolText='S&P 500, Jan 2005, $1,343' />
        <set value='1368.01' toolText='S&P 500, Feb 2005, $1,368' />
        <set value='1341.85' toolText='S&P 500, Mar 2005, $1,342' />
        <set value='1314.87' toolText='S&P 500, Apr 2005, $1,315' />
        <set value='1354.25' toolText='S&P 500, May 2005, $1,354' />
        <set value='1354.06' toolText='S&P 500, Jun 2005, $1,354' />
        <set value='1402.76' toolText='S&P 500, Jul 2005, $1,403' />
        <set value='1387.02' toolText='S&P 500, Aug 2005, $1,387' />
        <set value='1396.66' toolText='S&P 500, Sep 2005, $1,397' />
        <set value='1371.88' toolText='S&P 500, Oct 2005, $1,372' />
        <set value='1420.15' toolText='S&P 500, Nov 2005, $1,420' />
        <set value='1418.8' toolText='S&P 500, Dec 2005, $1,419' />
        <set value='1454.93' toolText='S&P 500, Jan 2006, $1,455' />
        <set value='1455.59' toolText='S&P 500, Feb 2006, $1,456' />
        <set value='1471.74' toolText='S&P 500, Mar 2006, $1,472' />
        <set value='1489.63' toolText='S&P 500, Apr 2006, $1,490' />
        <set value='1443.58' toolText='S&P 500, May 2006, $1,444' />
        <set value='1443.7' toolText='S&P 500, Jun 2006, $1,444' />
        <set value='1451.05' toolText='S&P 500, Jul 2006, $1,451' />
        <set value='1481.92' toolText='S&P 500, Aug 2006, $1,482' />
        <set value='1518.32' toolText='S&P 500, Sep 2006, $1,518' />
        <set value='1566.16' toolText='S&P 500, Oct 2006, $1,566' />
        <set value='1591.95' toolText='S&P 500, Nov 2006, $1,592' />
        <set value='1612.03' toolText='S&P 500, Dec 2006, $1,612' />
        <set value='1634.7' toolText='S&P 500, Jan 2007, $1,635' />
        <set value='1598.99' toolText='S&P 500, Feb 2007, $1,599' />
        <set value='1614.94' toolText='S&P 500, Mar 2007, $1,615' />
        <set value='1684.86' toolText='S&P 500, Apr 2007, $1,685' />
        <set value='1739.7' toolText='S&P 500, May 2007, $1,740' />
        <set value='1708.7' toolText='S&P 500, Jun 2007, $1,709' />
        <set value='1654.05' toolText='S&P 500, Jul 2007, $1,654' />
        <set value='1675.33' toolText='S&P 500, Aug 2007, $1,675' />
        <set value='1735.3' toolText='S&P 500, Sep 2007, $1,735' />
        <set value='1761.02' toolText='S&P 500, Oct 2007, $1,761' />
        <set value='1683.46' toolText='S&P 500, Nov 2007, $1,683' />
        <set value='1668.93' toolText='S&P 500, Dec 2007, $1,669' />
        <set value='1566.85' toolText='S&P 500, Jan 2008, $1,567' />
        <set value='1512.39' toolText='S&P 500, Feb 2008, $1,512' />
        <set value='1503.38' toolText='S&P 500, Mar 2008, $1,503' />
        <set value='1574.86' toolText='S&P 500, Apr 2008, $1,575' />
        <set value='1591.67' toolText='S&P 500, May 2008, $1,592' />
        <set value='1454.84' toolText='S&P 500, Jun 2008, $1,455' />
        <set value='1440.5' toolText='S&P 500, Jul 2008, $1,440' />
        <set value='1458.06' toolText='S&P 500, Aug 2008, $1,458' />
        <set value='1323.84' toolText='S&P 500, Sep 2008, $1,324' />
        <set value='1101.08' toolText='S&P 500, Oct 2008, $1,101' />
        <set value='1018.66' toolText='S&P 500, Nov 2008, $1,019' />
        <set value='1026.63' toolText='S&P 500, Dec 2008, $1,027' />
        <set value='938.69' toolText='S&P 500, Jan 2009, $939' />
        <set value='835.5' toolText='S&P 500, Feb 2009, $836' />
        <set value='906.86' toolText='S&P 500, Mar 2009, $907' />
        <set value='992.03' toolText='S&P 500, Apr 2009, $992' />
        <set value='1044.69' toolText='S&P 500, May 2009, $1,045' />
        <set value='1044.9' toolText='S&P 500, Jun 2009, $1,045' />
        <set value='1122.37' toolText='S&P 500, Jul 2009, $1,122' />
        <set value='1160.03' toolText='S&P 500, Aug 2009, $1,160' />
        <set value='1201.47' toolText='S&P 500, Sep 2009, $1,201' />
        <set value='1177.73' toolText='S&P 500, Oct 2009, $1,178' />
        <set value='1245.29' toolText='S&P 500, Nov 2009, $1,245' />
        <set value='1267.42' toolText='S&P 500, Dec 2009, $1,267' />
        <set value='1220.56' toolText='S&P 500, Jan 2010, $1,221' />
        <set value='1255.36' toolText='S&P 500, Feb 2010, $1,255' />
        <set value='1329.17' toolText='S&P 500, Mar 2010, $1,329' />
        <set value='1348.79' toolText='S&P 500, Apr 2010, $1,349' />
        <set value='1238.22' toolText='S&P 500, May 2010, $1,238' />
        <set value='1171.5' toolText='S&P 500, Jun 2010, $1,172' />
        <set value='1252.07' toolText='S&P 500, Jul 2010, $1,252' />
        <set value='1192.66' toolText='S&P 500, Aug 2010, $1,193' />
        <set value='1297.08' toolText='S&P 500, Sep 2010, $1,297' />
        <set value='1344.89' toolText='S&P 500, Oct 2010, $1,345' />
        <set value='1341.81' toolText='S&P 500, Nov 2010, $1,342' />
        <set value='1429.43' toolText='S&P 500, Dec 2010, $1,429' />
        <set value='1461.8' toolText='S&P 500, Jan 2011, $1,462' />
        <set value='1508.51' toolText='S&P 500, Feb 2011, $1,509' />
        <set value='1506.93' toolText='S&P 500, Mar 2011, $1,507' />
        <set value='1549.87' toolText='S&P 500, Apr 2011, $1,550' />
        <set value='1528.95' toolText='S&P 500, May 2011, $1,529' />
        <set value='1501.03' toolText='S&P 500, Jun 2011, $1,501' />
        <set value='1468.8' toolText='S&P 500, Jul 2011, $1,469' />
        <set value='1385.39' toolText='S&P 500, Aug 2011, $1,385' />
        <set value='1285.97' toolText='S&P 500, Sep 2011, $1,286' />
        <set value='1385.39' toolText='S&P 500, Oct 2011, $1,385' />
        <set value='1417.29' toolText='S&P 500, Nov 2011, $1,417' />
        <set value='1370' toolText='S&P 500, Dec 2011, $1,370' />
        <set value='1491.68' toolText='S&P 500, Jan 2012, $1,492' />
        <set value='1552.23' toolText='S&P 500, Feb 2012, $1,552' />
        <set value='1600.86' toolText='S&P 500, Mar 2012, $1,601' />
        <set value='1588.86' toolText='S&P 500, Apr 2012, $1,589' />
        <set value='1489.32' toolText='S&P 500, May 2012, $1,489' />
        <set value='1548.23' toolText='S&P 500, Jun 2012, $1,548' />
        <set value='1567.73' toolText='S&P 500, Jul 2012, $1,568' />
        <set value='1598.71' toolText='S&P 500, Aug 2012, $1,599' />
        <set value='1637.46' toolText='S&P 500, Sep 2012, $1,637' />
        <set value='1605.06' toolText='S&P 500, Oct 2012, $1,605' />
        <set value='1609.62' toolText='S&P 500, Nov 2012, $1,610' />
        <set value='1621' toolText='S&P 500, Dec 2012, $1,621' />
        <set value='1702.75' toolText='S&P 500, Jan 2013, $1,703' />
        <set value='1721.58' toolText='S&P 500, Feb 2013, $1,722' />
        <set value='1783.54' toolText='S&P 500, Mar 2013, $1,784' />
        <set value='1767.69' toolText='S&P 500, Apr 2013, $1,768' />
    </dataset>
    <dataset SeriesName='Service'>
        <set value='1000' toolText='Service, Dec 2002, $1,000' />
        <set value='1033.13' toolText='Service, Jan 2003, $1,033' />
        <set value='1035.75' toolText='Service, Feb 2003, $1,036' />
        <set value='1072.21' toolText='Service, Mar 2003, $1,072' />
        <set value='1163.14' toolText='Service, Apr 2003, $1,163' />
        <set value='1312.34' toolText='Service, May 2003, $1,312' />
        <set value='1402.2' toolText='Service, Jun 2003, $1,402' />
        <set value='1551.8' toolText='Service, Jul 2003, $1,552' />
        <set value='1595.6' toolText='Service, Aug 2003, $1,596' />
        <set value='1666.21' toolText='Service, Sep 2003, $1,666' />
        <set value='1710.85' toolText='Service, Oct 2003, $1,711' />
        <set value='1767.77' toolText='Service, Nov 2003, $1,768' />
        <set value='1851.4' toolText='Service, Dec 2003, $1,851' />
        <set value='1974.23' toolText='Service, Jan 2004, $1,974' />
        <set value='2054.48' toolText='Service, Feb 2004, $2,054' />
        <set value='2027.19' toolText='Service, Mar 2004, $2,027' />
        <set value='2178.38' toolText='Service, Apr 2004, $2,178' />
        <set value='2168.66' toolText='Service, May 2004, $2,169' />
        <set value='2319.93' toolText='Service, Jun 2004, $2,320' />
        <set value='2301.97' toolText='Service, Jul 2004, $2,302' />
        <set value='2309.61' toolText='Service, Aug 2004, $2,310' />
        <set value='2425.2' toolText='Service, Sep 2004, $2,425' />
        <set value='2620.37' toolText='Service, Oct 2004, $2,620' />
        <set value='2770.01' toolText='Service, Nov 2004, $2,770' />
        <set value='3074.88' toolText='Service, Dec 2004, $3,075' />
        <set value='3087.7' toolText='Service, Jan 2005, $3,088' />
        <set value='3250.68' toolText='Service, Feb 2005, $3,251' />
        <set value='3260.81' toolText='Service, Mar 2005, $3,261' />
        <set value='3228.15' toolText='Service, Apr 2005, $3,228' />
        <set value='3276.5' toolText='Service, May 2005, $3,277' />
        <set value='3408.59' toolText='Service, Jun 2005, $3,409' />
        <set value='3661.35' toolText='Service, Jul 2005, $3,661' />
        <set value='3735.29' toolText='Service, Aug 2005, $3,735' />
        <set value='3725.31' toolText='Service, Sep 2005, $3,725' />
        <set value='4013.22' toolText='Service, Oct 2005, $4,013' />
        <set value='4133.76' toolText='Service, Nov 2005, $4,134' />
        <set value='4347.99' toolText='Service, Dec 2005, $4,348' />
        <set value='4647.08' toolText='Service, Jan 2006, $4,647' />
        <set value='4870.75' toolText='Service, Feb 2006, $4,871' />
        <set value='4979.17' toolText='Service, Mar 2006, $4,979' />
        <set value='5202.01' toolText='Service, Apr 2006, $5,202' />
        <set value='5304.83' toolText='Service, May 2006, $5,305' />
        <set value='5304.04' toolText='Service, Jun 2006, $5,304' />
        <set value='5335.38' toolText='Service, Jul 2006, $5,335' />
        <set value='5540.2' toolText='Service, Aug 2006, $5,540' />
        <set value='5741.49' toolText='Service, Sep 2006, $5,741' />
        <set value='6055.88' toolText='Service, Oct 2006, $6,056' />
        <set value='6793.3' toolText='Service, Nov 2006, $6,793' />
        <set value='6912.91' toolText='Service, Dec 2006, $6,913' />
        <set value='6921.99' toolText='Service, Jan 2007, $6,922' />
        <set value='7438.12' toolText='Service, Feb 2007, $7,438' />
        <set value='7487.25' toolText='Service, Mar 2007, $7,487' />
        <set value='7634.78' toolText='Service, Apr 2007, $7,635' />
        <set value='7874.98' toolText='Service, May 2007, $7,875' />
        <set value='8132.63' toolText='Service, Jun 2007, $8,133' />
        <set value='8454.42' toolText='Service, Jul 2007, $8,454' />
        <set value='8542.69' toolText='Service, Aug 2007, $8,543' />
        <set value='8780.37' toolText='Service, Sep 2007, $8,780' />
        <set value='9258.32' toolText='Service, Oct 2007, $9,258' />
        <set value='9219.75' toolText='Service, Nov 2007, $9,220' />
        <set value='9495.67' toolText='Service, Dec 2007, $9,496' />
        <set value='9546.6' toolText='Service, Jan 2008, $9,547' />
        <set value='10250.38' toolText='Service, Feb 2008, $10,250' />
        <set value='10574.65' toolText='Service, Mar 2008, $10,575' />
        <set value='10808.89' toolText='Service, Apr 2008, $10,809' />
        <set value='11691.98' toolText='Service, May 2008, $11,692' />
        <set value='11496.19' toolText='Service, Jun 2008, $11,496' />
        <set value='12117.83' toolText='Service, Jul 2008, $12,118' />
        <set value='12369.17' toolText='Service, Aug 2008, $12,369' />
        <set value='13124.13' toolText='Service, Sep 2008, $13,124' />
        <set value='13468.42' toolText='Service, Oct 2008, $13,468' />
        <set value='13680.42' toolText='Service, Nov 2008, $13,680' />
        <set value='14892.92' toolText='Service, Dec 2008, $14,893' />
        <set value='17042.5' toolText='Service, Jan 2009, $17,042' />
        <set value='17657.6' toolText='Service, Feb 2009, $17,658' />
        <set value='18837.88' toolText='Service, Mar 2009, $18,838' />
        <set value='19689.67' toolText='Service, Apr 2009, $19,690' />
        <set value='21243.27' toolText='Service, May 2009, $21,243' />
        <set value='21907.02' toolText='Service, Jun 2009, $21,907' />
        <set value='23547.76' toolText='Service, Jul 2009, $23,548' />
        <set value='26666.06' toolText='Service, Aug 2009, $26,666' />
        <set value='28542.73' toolText='Service, Sep 2009, $28,543' />
        <set value='28669.29' toolText='Service, Oct 2009, $28,669' />
        <set value='29081.94' toolText='Service, Nov 2009, $29,082' />
        <set value='29610.87' toolText='Service, Dec 2009, $29,611' />
        <set value='32120.82' toolText='Service, Jan 2010, $32,121' />
        <set value='32645.57' toolText='Service, Feb 2010, $32,646' />
        <set value='33645.39' toolText='Service, Mar 2010, $33,645' />
        <set value='35972.63' toolText='Service, Apr 2010, $35,973' />
        <set value='35724.7' toolText='Service, May 2010, $35,725' />
        <set value='36641.35' toolText='Service, Jun 2010, $36,641' />
        <set value='38603.07' toolText='Service, Jul 2010, $38,603' />
        <set value='38766.86' toolText='Service, Aug 2010, $38,767' />
        <set value='41042.96' toolText='Service, Sep 2010, $41,043' />
        <set value='43572.42' toolText='Service, Oct 2010, $43,572' />
        <set value='48202.64' toolText='Service, Nov 2010, $48,203' />
        <set value='51283.39' toolText='Service, Dec 2010, $51,283' />
        <set value='53919.13' toolText='Service, Jan 2011, $53,919' />
        <set value='56531.73' toolText='Service, Feb 2011, $56,532' />
        <set value='57833.45' toolText='Service, Mar 2011, $57,833' />
        <set value='62881.78' toolText='Service, Apr 2011, $62,882' />
        <set value='64563.3' toolText='Service, May 2011, $64,563' />
        <set value='64448.34' toolText='Service, Jun 2011, $64,448' />
        <set value='65609.03' toolText='Service, Jul 2011, $65,609' />
        <set value='67411.96' toolText='Service, Aug 2011, $67,412' />
        <set value='67859.04' toolText='Service, Sep 2011, $67,859' />
        <set value='73284.37' toolText='Service, Oct 2011, $73,284' />
        <set value='75118.02' toolText='Service, Nov 2011, $75,118' />
        <set value='75738.3' toolText='Service, Dec 2011, $75,738' />
        <set value='79389.69' toolText='Service, Jan 2012, $79,390' />
        <set value='89365.04' toolText='Service, Feb 2012, $89,365' />
        <set value='91429.46' toolText='Service, Mar 2012, $91,429' />
        <set value='91759.8' toolText='Service, Apr 2012, $91,760' />
        <set value='89122.53' toolText='Service, May 2012, $89,123' />
        <set value='86741.26' toolText='Service, Jun 2012, $86,741' />
        <set value='87320.52' toolText='Service, Jul 2012, $87,321' />
        <set value='98556.36' toolText='Service, Aug 2012, $98,556' />
        <set value='107296.43' toolText='Service, Sep 2012, $107,296' />
        <set value='111506.21' toolText='Service, Oct 2012, $111,506' />
        <set value='113032.17' toolText='Service, Nov 2012, $113,032' />
        <set value='118428.38' toolText='Service, Dec 2012, $118,428' />
        <set value='125053.98' toolText='Service, Jan 2013, $125,054' />
        <set value='131180.75' toolText='Service, Feb 2013, $131,181' />
        <set value='134164.45' toolText='Service, Mar 2013, $134,164' />
        <set value='132963.48' toolText='Service, Apr 2013, $132,963' />
    </dataset>
    <styles>
        <definition>
            <style name='myBevel' type='Bevel'/>
            <style name='myFont' size='11' type='font' />
        </definition>
        <application>
            <apply toObject='Background' styles='myBevel' />
            <apply toObject='Caption' styles='myFont' />
        </application>
    </styles>
</chart>

Let me know if there is anything else that would be helpful.

 

Thanks

post-41333-0-45411000-1367412570_thumb.png

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi,

 

Currently Dynamic Axis is not supported for JavaScript variant of ZoomLine chart. However, we have already logged a bug for this.

 

Also, due to various reasons, there are minor implementation differences between Flash and JavaScript variants of our charts like in terms of displaying tool-tips.

 

However, we are looking into the scrollbar, tool-text and tool-tip hiding related issues. We will update you on this as soon as possible.

 

Also, can you explain more on your trendLine related issue? What issue are you facing with the trendLine?

Share this post


Link to post
Share on other sites

The horizontal trend lines disappeared at one point when I was trying to get some padding on the bottom of the chart by setting the y axis minimum value, but I can't seem to get it to do it again.  So I'm guessing I had some strange combination of settings that caused it.

Share this post


Link to post
Share on other sites

Hey,

 

If you come across the same issue again, forward the chart XML settings to replicate it at our end.

 

For the rest, we would update you asap.

Share this post


Link to post
Share on other sites
Guest Sumedh

We just upgraded to the latest FusionCharts yesterday, and everything dropped into place perfectly with a couple minor tweaks when we left it all in Flash.  We also changed one chart over the zoom chart and it worked well.  But then the ultimate goal was to have them rendered in HTML for iPads, etc.  When we toggled that over, there were quite a few issues with the zoom chart and one minor one elsewhere.

 

The minor one was on a linear chart where we had set the value to have a black background with white text so it stood out, but in HTML the black background is non-existant, so it's really hard to read white text on a grey chart background.  Minor issue that we can temporarily put a fix in for.

 

The big issues are the zoom chart.  Let me just list them out and if anyone has any input on fixing them, that would be great.  Like I said, everything works perfectly in flash, all we did is toggle them.

  • The dynamic axis values don't appear to be dynamic when you zoom in
  • Trendlines disappear for some reason
  • Tool tips of points that are right on top of each do not display side-by-side/on top of each other like they do in flash, they are in the exact same spot so one is completely hidden by the other
  • When setting the tool tip value to something custom, it is completely ignored and it simply shows the data point's value in all it's 6 decimal place glory instead of friendly currency formatted with extra information tip
  • If the toop tip is at the bottom of the chart, it is 2/3 hidden by the scroll bar
  • The scroll bar padding option does not work to offset it from the chart a bit to fix the previous problem

So if any of that can be fixed on my end, that would be great.  Again, everything looks perfect in flash mode, so that would lead me to believe that my formatting options are correct for the chart, they just aren't rendered properly in JS/HTML5 mode.

 

Thanks in advance for any tips.

 

Hi,

 

We have identified a bug for "scrollPadding" and "scrollBtnPadding" attributes. Also, toolText attribute does not work with JavaScript variant of ZoomLine chart as it is an intended behavior of the chart.

 

And we have also logged an improvement for displaying tooltips properly. (which goes behind the scroll-bar).

 

For further developments, we will keep you posted.

 

Thanks for your time and support.

Share this post


Link to post
Share on other sites

I'm curious as to why the toolText attribute not working with JavaScript on the ZoomLine chart is its intended behavior, when all the other chart types seem to allow it just fine.  If it was an unknown width of the DIV it's going to display I could understand, but you don't know the width that will be displayed with numbers either, since for example "1" would be a much shorter box than "1.03482765".

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi,

 

To enhance the performance of Zoomline charts, cross-hair has been implemented which will depict tooltip and related features, and doesn't have any color cosmetic attributes.So, this is an intended behavior of the Zoomline chart.

Share this post


Link to post
Share on other sites
Hi,
 
Hope you are keeping well! Thank you for your patience.
 
Could you please upgrade your current version to the latest, i.e, FusionCharts Suite v3.6.0 released recently.
 
You can check with the version history from here: http://www.fusioncharts.com/version-history/

Also, we have released updated plugins, wrappers and export handlers which can be checked from here: http://www.fusioncharts.com/extensions/
 
To avail this licensed release, you would need to re-Download the entire package from the My Orders section of FusionCharts Product Update Center.
 
To download the Evaluation version of FusionCharts Suite XT v3.6.0, please visit the link: http://www.fusioncharts.com/download/
 
Hope this would resolve your issue. If you require any further assistance please do drop us a mail.
 
Thanks.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now