Sign in to follow this  
deepti

Scatter chart not showing xaxis labels

Recommended Posts

Hi,

 

     I am using fusioncharts version fusioncharts/3.2.4-sr1.9888.I am rendering a scatter chart in my application.Its working fine in Firefox and Chrome.But in IE the chart xaxis labels are not shown. Also the number of divlines I have set is 5.But in IE it's showing only three y-axis labels and div lines are not shown at all. Please see the images of the charts when displayed in forefox(in firefox.png) and IE(in IE.png).

 

The xml used for rendering the chart is given below :

<?xml version='1.0' encoding='UTF-8' standalone='yes'?><chart animation='1' labelDisplay='WRAP' showYAxisValues='1' xAxisMinValue='-0.010062' xAxisMaxValue='0.006462' yAxisMinValue='-0.0202' yAxisMaxValue='0.009' adjustDiv='0' caption='Fitted Line Plot: 102-1 - Intra Inline Gage  Crank #1 - X1  -0.00359 + 0.95326 × 100-1 - CNC  Crank AVG ; R²  0.9131' xAxisName='100-1 - CNC  Crank AVG' yAxisName='102-1 - Intra Inline Gage  Crank #1 - X1' bgColor='FFFFFF' canvasBgColor='F3F5F5' numDivLines='5' showZeroPlane='0' decimals='4' chartLeftMargin='0' chartRightMargin='50' chartTopMargin='10' chartBottomMargin='10' xAxisLabelMode='categories'>    <categories>        <category x='-0.0099' label='-0.0099 '/>        <category x='-0.00585' label='-0.00585 '/>        <category x='-0.0018' label='-0.0018 '/>        <category x='0.00225' label='0.00225 '/>        <category x='0.0063' label='0.0063 '/>    </categories>    <dataset color='FF80C0' anchorBorderColor='1A6CF7' drawLine='0'>        <set x='0.0029' y='-0.0011' toolText='0.002900, -0.001100'/>        <set x='-0.0082' y='-0.0117' toolText='-0.008200, -0.011700'/>        <set x='0.0041' y='0.0019' toolText='0.004100, 0.001900'/>        <set x='-0.0055' y='-0.0106' toolText='-0.005500, -0.010600'/>        <set x='0.0014' y='-0.0021' toolText='0.001400, -0.002100'/>        <set x='0.0057' y='0.0011' toolText='0.005700, 0.001100'/>        <set x='-0.0045' y='-0.0086' toolText='-0.004500, -0.008600'/>        <set x='-8.0E-4' y='-0.0055' toolText='-0.000800, -0.005500'/>        <set x='0.0054' y='0.0015' toolText='0.005400, 0.001500'/>        <set x='-0.005' y='-0.0092' toolText='-0.005000, -0.009200'/>        <set x='-0.0024' y='-0.0028' toolText='-0.002400, -0.002800'/>        <set x='0.0063' y='0.003' toolText='0.006300, 0.003000'/>        <set x='-0.0027' y='-0.0077' toolText='-0.002700, -0.007700'/>        <set x='-0.0023' y='-0.0039' toolText='-0.002300, -0.003900'/>        <set x='0.0055' y='1.0E-4' toolText='0.005500, 0.000100'/>        <set x='-0.0034' y='-0.0084' toolText='-0.003400, -0.008400'/>        <set x='-0.0016' y='-0.0045' toolText='-0.001600, -0.004500'/>        <set x='0.0048' y='0.0014' toolText='0.004800, 0.001400'/>        <set x='-0.0044' y='-0.0084' toolText='-0.004400, -0.008400'/>        <set x='-0.0013' y='-0.004' toolText='-0.001300, -0.004000'/>        <set x='0.0021' y='-0.0022' toolText='0.002100, -0.002200'/>        <set x='6.0E-4' y='-0.005' toolText='0.000600, -0.005000'/>        <set x='-0.0029' y='-0.0051' toolText='-0.002900, -0.005100'/>        <set x='-0.0049' y='-0.0086' toolText='-0.004900, -0.008600'/>        <set x='-0.0038' y='-0.0057' toolText='-0.003800, -0.005700'/>        <set x='0.0018' y='-0.0026' toolText='0.001800, -0.002600'/>        <set x='-0.0091' y='-0.0126' toolText='-0.009100, -0.012600'/>        <set x='-0.0049' y='-0.0081' toolText='-0.004900, -0.008100'/>        <set x='-0.0045' y='-0.0081' toolText='-0.004500, -0.008100'/>        <set x='0.003' y='-6.0E-4' toolText='0.003000, -0.000600'/>        <set x='-0.0053' y='-0.0096' toolText='-0.005300, -0.009600'/>        <set x='-0.0015' y='-0.002' toolText='-0.001500, -0.002000'/>        <set x='0.0045' y='-9.0E-4' toolText='0.004500, -0.000900'/>        <set x='-0.0061' y='-0.0096' toolText='-0.006100, -0.009600'/>        <set x='-0.0046' y='-0.0059' toolText='-0.004600, -0.005900'/>        <set x='0.0034' y='-1.0E-4' toolText='0.003400, -0.000100'/>        <set x='-0.0048' y='-0.0097' toolText='-0.004800, -0.009700'/>        <set x='-0.0061' y='-0.0098' toolText='-0.006100, -0.009800'/>        <set x='0.0029' y='-0.0011' toolText='0.002900, -0.001100'/>        <set x='-0.0072' y='-0.01' toolText='-0.007200, -0.010000'/>        <set x='-0.004' y='-0.0081' toolText='-0.004000, -0.008100'/>        <set x='6.0E-4' y='-0.0035' toolText='0.000600, -0.003500'/>        <set x='-0.0076' y='-0.0108' toolText='-0.007600, -0.010800'/>        <set x='-0.0043' y='-0.0039' toolText='-0.004300, -0.003900'/>        <set x='0.0035' y='0.001' toolText='0.003500, 0.001000'/>        <set x='-0.0079' y='-0.011' toolText='-0.007900, -0.011000'/>        <set x='-0.0063' y='-0.0087' toolText='-0.006300, -0.008700'/>        <set x='0.0033' y='-2.0E-4' toolText='0.003300, -0.000200'/>        <set x='-0.0098' y='-0.0128' toolText='-0.009800, -0.012800'/>        <set x='-0.0056' y='-0.0089' toolText='-0.005600, -0.008900'/>        <set x='-0.0054' y='-0.0073' toolText='-0.005400, -0.007300'/>        <set x='0.0049' y='0.0018' toolText='0.004900, 0.001800'/>        <set x='-0.0074' y='-0.0107' toolText='-0.007400, -0.010700'/>        <set x='-0.0035' y='-0.0047' toolText='-0.003500, -0.004700'/>        <set x='0.0031' y='7.0E-4' toolText='0.003100, 0.000700'/>        <set x='-0.0073' y='-0.0116' toolText='-0.007300, -0.011600'/>        <set x='-0.0063' y='-0.008' toolText='-0.006300, -0.008000'/>        <set x='0.0045' y='-5.0E-4' toolText='0.004500, -0.000500'/>        <set x='-0.0088' y='-0.0123' toolText='-0.008800, -0.012300'/>        <set x='-0.0054' y='-0.0101' toolText='-0.005400, -0.010100'/>        <set x='-0.005' y='-0.0073' toolText='-0.005000, -0.007300'/>        <set x='0.0025' y='-0.002' toolText='0.002500, -0.002000'/>        <set x='-0.0059' y='-0.0093' toolText='-0.005900, -0.009300'/>        <set x='-0.0073' y='-0.0112' toolText='-0.007300, -0.011200'/>        <set x='-0.0035' y='-0.005' toolText='-0.003500, -0.005000'/>        <set x='0.0021' y='-0.0024' toolText='0.002100, -0.002400'/>        <set x='-0.0068' y='-0.0096' toolText='-0.006800, -0.009600'/>        <set x='-0.0045' y='-0.0092' toolText='-0.004500, -0.009200'/>        <set x='-0.005' y='-0.0079' toolText='-0.005000, -0.007900'/>        <set x='7.0E-4' y='-0.003' toolText='0.000700, -0.003000'/>        <set x='-6.0E-4' y='-0.0058' toolText='-0.000600, -0.005800'/>        <set x='-0.0039' y='-0.0087' toolText='-0.003900, -0.008700'/>        <set x='-0.0025' y='-0.0059' toolText='-0.002500, -0.005900'/>        <set x='0.0018' y='-0.0024' toolText='0.001800, -0.002400'/>        <set x='-0.0081' y='-0.0128' toolText='-0.008100, -0.012800'/>        <set x='-0.007' y='-0.0108' toolText='-0.007000, -0.010800'/>        <set x='-0.0026' y='-0.0057' toolText='-0.002600, -0.005700'/>        <set x='0.0032' y='-0.0025' toolText='0.003200, -0.002500'/>        <set x='-0.008' y='-0.0118' toolText='-0.008000, -0.011800'/>        <set x='-0.0063' y='-0.0095' toolText='-0.006300, -0.009500'/>        <set x='-0.0074' y='-0.0106' toolText='-0.007400, -0.010600'/>        <set x='-0.0031' y='-0.0078' toolText='-0.003100, -0.007800'/>        <set x='0.0014' y='-0.0027' toolText='0.001400, -0.002700'/>        <set x='-0.0057' y='-0.0109' toolText='-0.005700, -0.010900'/>        <set x='-0.0092' y='-0.0109' toolText='-0.009200, -0.010900'/>        <set x='-0.0042' y='-0.0068' toolText='-0.004200, -0.006800'/>        <set x='0.0012' y='-0.002' toolText='0.001200, -0.002000'/>        <set x='-0.0088' y='-0.013' toolText='-0.008800, -0.013000'/>        <set x='-0.0093' y='-0.0125' toolText='-0.009300, -0.012500'/>        <set x='-0.0057' y='-0.0091' toolText='-0.005700, -0.009100'/>        <set x='8.0E-4' y='-0.0036' toolText='0.000800, -0.003600'/>        <set x='-0.0077' y='-0.0126' toolText='-0.007700, -0.012600'/>        <set x='-0.006' y='-0.0095' toolText='-0.006000, -0.009500'/>        <set x='-0.0035' y='-0.0075' toolText='-0.003500, -0.007500'/>        <set x='0.0012' y='-8.0E-4' toolText='0.001200, -0.000800'/>        <set x='-0.0068' y='-0.0142' toolText='-0.006800, -0.014200'/>        <set x='-0.0095' y='-0.01' toolText='-0.009500, -0.010000'/>        <set x='-0.0045' y='-0.0057' toolText='-0.004500, -0.005700'/>        <set x='0.0013' y='6.0E-4' toolText='0.001300, 0.000600'/>        <set x='-0.0099' y='-0.0122' toolText='-0.009900, -0.012200'/>    </dataset>    <dataset color='000000' anchorRadius='0' drawLine='1'>        <set x='-0.0099' y='-0.013028582' toolText='-0.0099'/>        <set x='0.0063' y='0.0024142426' toolText='0.0063'/>    </dataset></chart>

Please suggest me a solution for this problem.

Thanks,

Deepti

post-9906-0-34586800-1434443978_thumb.png

post-9906-0-43551200-1434443987_thumb.png

Share this post


Link to post
Share on other sites

Hi Deepti,

 

Could you please check out the fiddle: http://jsfiddle.net/moonmi/gvwLsjh1/

 

It has the data you shared from your end. The fiddle uses the latest version of FusionCharts (V3.7.1) and it does not seem to be any issue with it.

 

We suggest you to upgrade to our latest version and give it a try.

 

Evaluation version: http://www.fusioncharts.com/download/

 

Please do share your observations and drop us a mail at [email protected] for any queries.

 

Thanks.

Share this post


Link to post
Share on other sites

Hi,

 

I tried updating all js files to version 3.7.1 but it is still not working.Please see the new image attached.I am using js rendering.

 

Please help,

Thanks,

Deepti

post-9906-0-60475600-1435213613_thumb.png

Share this post


Link to post
Share on other sites

Hi,

 

It seems you have been using the old jQuery plugin. Please try upgrading the to the latest jQuery plugin from http://www.fusioncharts.com/jquery-charts/

 

Ref. doc: http://www.fusioncharts.com/dev/usage-guide/using-with-javascript-libraries/jquery/rendering-charts-using-jquery.html

 

Also, please make sure that the js files are replaced and the name are changed accordingly. The latest files have names all in small case to avoid conflicts with case sensitive browsers.

 

Once, done please do share your observations.

Share this post


Link to post
Share on other sites

Hi,

 

I have updated the jquery plugin js file - FusionCharts.jqueryplugin.js with fusioncharts-jquery-plugin.js.But the issue is still there :( .I have debugged on the browser side and I  could see that the right file is used.

 

Thanks,

Deepti

Edited by deepti

Share this post


Link to post
Share on other sites

Hi,

 

I could see your sample working fine.But do you think there is any reason why it does not work when using updateFusioncharts method instead?

 

Thanks,

Deepti

Share this post


Link to post
Share on other sites

Hi Deepti,

 

There is no such issue with updateFusionCharts method also.

 

Please check the sample : https://www.dropbox.com/s/2d4rsv9enu5uob0/JQueryUpdate.rar?dl=0

 

Ref. doc: http://www.fusioncharts.com/dev/usage-guide/using-with-javascript-libraries/jquery/updating-chart-properties-using-jquery.html

 

Hope you are able to understand how to use the update method.

 

Thanks.

Share this post


Link to post
Share on other sites

I could not yet get this working.Can you please let me know where I can get the non minified version of the fusioncharts.js file or can you please provide me the same for version 3.7.1? 

Share this post


Link to post
Share on other sites

Same xml when I take out and put in the sample given by you works with xml data. What else can be the reason for this not to work in my application? :(

Edited by deepti

Share this post


Link to post
Share on other sites

Hi, 

 

I am actually trying to load the chart in a bootstrap modal and that is when this issue is happening.

 

It will be great if you can try the same and see if it works.

 

Thanks,

Deepti.

Share this post


Link to post
Share on other sites

Hi Deepti,

 

Please check out the bootstarp sample from the drop box link below:

 

Link: https://www.dropbox.com/s/77tukp4xmfeq6sg/16884.rar?dl=0

 

If your issue still persists, I can only comment further only if you update above sample, replicate the issue and send it back to us for further assistance, because at our end we are unable to replicate it.

 

Thanks.

Share this post


Link to post
Share on other sites

Thanks for your assistance.I was getting the issue when when the chart is loaded to the modal before calling modal.show().Looks like it was happening due to some conflicts with the other js or css files  that I am using.Anyway I fixed it by calling the show() method before loading the chart. Thanks once again.

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
Sign in to follow this