title: jqPlot - Pie legend too tall when there are many legend items
body: <p>I'm using jqPlot to create a pie chart with a legend.  Part of my jqPlot pie options look as follows:</p>
  
  <pre><code>seriesDefaults: {
      renderer: $.jqplot.PieRenderer,
      rendererOptions: {
          padding: 10,
          showDataLabels: true,
          dataLabelFormatString: '%.2f%%',
          sliceMargin: 2,
          startAngle: -90
      }
  },
  legend: {
      show: true,
      location: 'e',
      placement: 'outside',
      xoffset: 1,
      fontSize: '11px',
      rowSpacing: '10px',
      textColor: '#222222',
      fontFamily: 'Lucida Grande, Lucida Sans, Arial, sans-serif'
  }
  </code></pre>
  
  <p>Recently I've come across a case where there are many legend items (e.g., 21), which makes my legend box too tall.  I'm wondering if there is a way to either</p>
  
  <ol>
  <li>have a vertical scroll bar within the legend box</li>
  <li>display the legend items in multiple columns (preferable)</li>
  </ol>
  
  <p>I've tried setting the following properties:</p>
  
  <ul>
  <li>numberRows</li>
  <li>numberColumns</li>
  </ul>
  
  <p>which I found from this page:</p>
  
  <p><a href="http://www.jqplot.com/docs/files/plugins/jqplot-pieRenderer-js.html#$.jqplot.PieLegendRenderer.numberRows" rel="noreferrer">$.jqplot.PieRenderer options</a></p>
  
  <p>however they don't seem to make any changes.</p>
  
  <p>Would anybody be able to provide me with a good solution to this problem?</p>