title: How to use a 'plotWidth' calculation to position a highcharts pie
body: <p>I'm currently using a combination of pie charts and stand alone SVG images in a chart but I have encountered a positioning problem with the pies. The pies are linked to each other and as the chart is resized, I want them to remain the exact distance away from each other. If you look at the example in the fiddles and resize the window bigger and smaller you will see that they travel apart as the window grows and clash when the window size is reduced.</p>
  
  <p>To position the pies relative to each other, I wanted to do something like this so that they are +/- 50px from the 75% width of the plot area:</p>
  
  <pre><code>(this.plotWidth  * 0.75) - 50  //for the first pie
  (this.plotWidth  * 0.75) + 50  //for the second pie
  </code></pre>
  
  <p>That way, no matter what size the window, the pair of pies will always sit together.</p>
  
  <p><a href="http://jsfiddle.net/so7k6w7v/1/" rel="nofollow">http://jsfiddle.net/so7k6w7v/1/</a> </p>
  
  <p>I tried to use this logic in <code>center</code>, however, the x position appears to be set to 0 <a href="http://jsfiddle.net/so7k6w7v/2/" rel="nofollow">demonstrated in this fiddle</a>.</p>
  
  <pre><code>        series: [           
          {
              type: 'pie',
              //center: [(this.plotWidth * 0.75) - 50, 71], //for the first pie
              center: ['50%', 71],
              name: 'bbb',
              data: [
                  ['', 40.5],
                  ['', 59.5]
              ],
              innerSize: '60%',
              colors: ['#ff0000',"#f5f5f5"],
          },
          {
              type: 'pie',
              //center: [(this.plotWidth * 0.75) + 50, 71], //for the second pie
              center: ['65%', 128],
              name: 'aaa',
              data: [
                  ['', 43.1],
                  ['', 56.9]
              ],
              innerSize: '60%',
              colors: ["#555","#f5f5f5"],
          },  
  </code></pre>
  
  <p>As an aside, the reason that I am using a pie this way instead of a <code>solidguage</code> is because of <a href="https://github.com/highslide-software/highcharts.com/issues/3947" rel="nofollow">bug #3947</a> which produces an error when used with other series types.</p>