jquery - Hide/Show and Resize Issue with Am Charts -



jquery - Hide/Show and Resize Issue with Am Charts -

i'm having problem jquery plugin called amcharts. issue i'm having want hidden when site loads, when button clicked should shown. jquery set properly, when button clicked chart not appear. @ first. click button , resize window, chart magically appears , stays. seems bug of kind, i'm not proficient plenty jquery yet certain. here's jquery code:

$("#button").show(); $("#chartdiv").hide(); $("#button").click(function(){ $("#chartdiv").toggle(); }); var chart = amcharts.makechart("chartdiv", { "type": "pie", "theme": "none", "starteffect": "easeoutsine", "legend": { "markertype": "circle", "position": "bottom", "marginright": 0, "automargins": false }, labelsenabled: false, "dataprovider": [{ "pictures": "stock", "total": 256.9 }, { "pictures": "3rd party", "total": 131.1 }, { "pictures": "360 spin", "total": 115.8 }, { "pictures": "360 detail", "total": 109.9 }, { "pictures": "no content", "total": 132 }], "valuefield": "total", "titlefield": "pictures", "balloontext": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>", "exportconfig": { "menutop": "0px", "menuitems": [{ "icon": '/lib/3/images/export.png', "format": 'png' }] } });

here's working fiddle see i'm talking about. help appreciated!

amcharts doesn't know how measure size if it's hidden.

you have tell update size explicitly using:

chart.handleresize();

the reply taken here: http://stackoverflow.com/a/22070739/478440

and here updated , working fiddle: http://jsfiddle.net/n3fpz/1/

nonetheless take account, 1 of other responses says, it's not finish solution, , can give problems other things such margins or axis.

jquery hide show show-hide window-resize

Comments

Post a Comment

Popular posts from this blog

model view controller - MVC Rails Planning -

model view controller - MVC Rails Planning - i'm starting rails , i'm building app stores films info, user can watch film , give grade on web application. i have coded cinema model, controller , views. now, have 2 questions: should need create model , controller grading? in case, should create or should wait , create first users model , controller? yes, on model , controller grades. that'd feasible way maintain track of who's graded what. it's create first, i'd start users, since grades depend on both films , users. ruby-on-rails model-view-controller
Read more

html - Submenu setup with jquery and effect 'fold' -

html - Submenu setup with jquery and effect 'fold' - i want open submenu jquery effect fold, problem if user "hover effect" fast menu remain open, how can avoid this, jquery code is: $('ul.mainmenu li').hover( function() { $(this).children('ul').show('fold', 570); }, function() { $(this).children('ul').hide('fold', 500); } ); my jsfiddle link is: http://jsfiddle.net/9wkbf/ updated fiddle the reason behind problem is, first event $(this).children('ul').show('fold', 570); queued , until completes, sec animation not start. the next snippet can workaround $('ul.mainmenu > li').hover( function() { $(this).children('ul').show('fold', 570); }, function() { $('ul:not(.mainmenu)').hide('fold', 500); } ); *important note : work current scenario. jquery html css
Read more

ruby on rails - Devise Logout Error in RoR -

ruby on rails - Devise Logout Error in RoR - while using devise in ror, encountering unusual error when trying log out url different root url. displays me : actioncontroller::invalidauthenticitytoken in devise::sessionscontroller#destroy" for illustration if rooting path after log in '/structure', , seek log out '/general' error, while logging out '/structure' fine. any help highly appreciated. ruby-on-rails ruby devise
Read more