title: flot pie chart with long labels rendering issue
body: <p>i plotted a flot pie chat with long labels, and it came out ugly, i thought it is possible to display the label far right away from the pie char or below the pie chart. the javascript am using is</p>
  
  <pre><code>function onSuccess(series) {
              var tickLabels = [];
              var pieData= [];
              for (var i =0;i&lt;series.length;i++){
                  tickLabels.push([i,series[i][0]]);
                  var obj = {};
                  obj['label']=series[i][0];
                  obj['data']=series[i][1];
                  pieData.push(obj);
                  series[i][0] = i;
              }
              var data = [series];
          var pieArea = $("#pieChart");  
  
          pieArea.css("height", "400px");  
          pieArea.css("width", "600px"); 
  
  
              $.plot( $("#barChart"), data, {
          series: {
           bars: {
              show:true,
              barWidth: 0.5,
              align: "center"
           },
              points: {
                  show: true
              }
          },
          grid: {
              hoverable: true,
              clickable: true
          },
          xaxis: {
              labelWidth:12,
              labelAngle: 45,
              ticks: tickLabels
          }
          } ); 
  </code></pre>
  
  <p><strong>The chart</strong>
  <img src="https://i.stack.imgur.com/QIldC.png" alt="the ugly pie chart"></p>
  
  <p>does anyone know of any solution to this</p>