any option to make the graph area shrink when a drop down button is clicked

Asked Jun 21 '13 at 05:09

Active Jun 21 '13 at 05:09

Viewed 57 times

I am working of d3 as well as with rickshaw.js. i have made the graph and the legend in a single container. so when the legend drop down is clicked it slides down. i am trying to shrink the graph area when the drop down slides down. as well as when the drop down slides up, the graph has to regain its original structure.any help or suggestions. as i even tried with the example with i have fiddled it. does not seemed to work.http://jsfiddle.net/YrhF3/1/ . thanks in advance

Here is my fiddled code:

         $(function()
    {
      var expanded = false;
       $('.dropdownlegend').click(function(){
      if (!expanded)
        {

          $('.scatterchart').animate({width:'30%'}, 400);
          expanded = true;
      }
      else
      {

            $('scatterchart').animate({width:'59%'}, 400);
            expanded = false;
           }
            });
           });

asked Jun 21 '13 at 05:09

Hk M

your code is working for me – Priya Sunanthan Jun 21 '13 at 05:54
yeah, seems to work fine. Check it again. – AntouanK Jun 21 '13 at 06:10
it works fine when the legend is outside the container. but does not when it is inside. – Hk M Jun 21 '13 at 07:05
is the legend "steam"? because that seems to be inside you container and it's working fine in the fiddle. – Jonah Jun 22 '13 at 00:36

any option to make the graph area shrink when a drop down button is clicked

0 Answers0