title: Overriding d3 funnel chart's default
body: <p>I have use the following link to create  a funnel chart with D3 :
  <a href="https://github.com/jakezatecky/d3-funnel" rel="nofollow">jakezatecky/d3-funnel</a></p>
  
  <p>The code works fine.
  Now, as it said in tutorial, I want the block heights to be proportional to their weight so I need to change D3 deafult with:</p>
  
  <pre><code>D3Funnel.defaults.block.dynamicHeight = true;
  </code></pre>
  
  <p>but when I add tihs line to my code whole chart will be disappeared.</p>
  
  <p>Whould you please help me find out the problem?
  the code is :</p>
  
  <pre><code>&lt;script src="http://d3js.org/d3.v3.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdn.rawgit.com/jakezatecky/d3-funnel/0.3.2/d3-funnel.js?1"&gt;&lt;/script&gt;
  
  &lt;input class="btn btn-primary" type="submit" id="submit_btn" value="Create Chart"&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;div id="funnelPanel"&gt;
      &lt;div id="funnelContainer"&gt;
          &lt;div id="funnel"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
      var data = [
          ["Clicked", "5,000"],
          ["Joined", "2,500"],
          ["Shared", "50"]
      ];
  
      width = $('#funnelPanel').width();
  
      var options = {
          width: width - 300,
          height: 400,
          bottomPct: 1 / 4,
          dynamicHeight: true,
          fillType: "solid",   // Either "solid" or "gradient"
          hoverEffects: true  // Whether the funnel has effects on hover
      };
  
      D3Funnel.defaults.block.dynamicHeight = true;
  
      var funnel = new D3Funnel(data, options);
      funnel.draw("#funnelContainer");
  
      $(window).on("resize", function () {
          var width = $("#funnelPanel").width();
          options.width = width;
          var funnel = new D3Funnel(data, options);
          funnel.draw('#funnelContainer');
      });
      $('#submit_btn').on('click', function () {
          var changed_data = [
              ["clicked", "3000"],
              ["joined", "70"],
              ["shared", "10"]
          ];
          var funnel = new D3Funnel(changed_data, options);
          funnel.draw('#funnelContainer');
      });
  &lt;/script&gt;
  </code></pre>