title: Flot Chart API - legends on outside of the charts
body: <p>I want to write pie chart using  flot chart api</p>
  <p><a href="https://i.stack.imgur.com/4iEVu.png" rel="nofollow noreferrer">image pie chart 1</a></p>
  <p>and I want draw like this above, but my chart satus is</p>
  <p><a href="https://i.stack.imgur.com/CD0cq.png" rel="nofollow noreferrer">image pie chart 2</a></p>
  <p>same above picture, so I want to remove title on chart, but maintain percentage info like first image.</p>
  <p>Attch my chart option:</p>
  <pre><code>// myChartOption
  var options = {
          series: {
              pie: {
                  show: true,
                  label: {
                      show:true,
                      radius: 0.8,
                      formatter: function (label, series) {
                          return '&lt;div style=&quot;border:1px solid grey;font-size:8pt;text-align:center;padding:5px;color:white;&quot;&gt;' +
                          label + ' : ' +
                          Math.round(series.percent) +
                          '%&lt;/div&gt;';
                      },
                      background: {
                          opacity: 0.8,
                          color: '#000'
                      }
                  }
              }
              /*
              pie: {
                  show: true,
                  radius: 1,
                  label: {
                      show: true,
                      radius: 2/3,
                      formatter: labelFormatter,
                  }
              }
              */
          },
          legend: {
              container:$(&quot;#&quot; + legendContainer),
              show: true
          }
      };
  </code></pre>