title: (Highcharts) Polygon-like shell in polar chart
body: <p>I am not sure on how to go about this chart here, I tried to make it as close to possible but since there are so many options to tinker with, I am at a loss.</p>
  
  <p>I am trying to do this chart in highcharts.</p>
  
  <p><a href="https://i.stack.imgur.com/KXlad.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KXlad.png" alt="enter image description here"></a></p>
  
  <p>So far the closes I get to this kind of chart is the polar chart, here is what I had made.</p>
  
  <pre><code>$(function() {
    var data = {
      data  : [1,2,3,4,5,5],
      labels: ['text 1','text 2','text 3','text 4','text 5','text 6']
    };
    var counter = 0
    $('#container').highcharts({
      chart: {
        polar: true
      },
  
      title: {
        text: 'Demo Chart'
      },
  
      pane: {
        startAngle: 0,
        endAngle: 360
      },
  
      xAxis: {
        tickInterval: 60,
        min: 0,
        max: 360,
        categories: data.labels,
        labels: {
          useHTML: true,
          formatter: function() {
            var html;
            html = "&lt;div style='text-align:center'&gt;";
            html += "&lt;p style='margin:0em'&gt;";
            html += data.data[counter];
            html += "&lt;/p&gt;";
            html += "&lt;p style='margin:0em'&gt;";
            html += data.labels[counter];
            html += "&lt;/p&gt;";
            html += "&lt;/div&gt;";
            counter++;
            return html;
          }
        }
      },
  
      yAxis: {
        min: 0,
        max: 5,
        labels:{
          enabled: false
        }
      },
  
      plotOptions: {
        series: {
          pointStart: 0,
          pointInterval: 60
        }
      },
  
      series: [{
        type: 'area',
        name: '',
        showInLegend: false,
        data: [
          {name:'対話⼒力力',y:1},
          {name:'Test 2',y:2},
          {name:'Test 3',y:3},
          {name:'Test 4',y:4},
          {name:'Test 5',y:5},
          {name:'Test 6',y:5}
        ]
      }]
    });
  });
  </code></pre>
  
  <p><a href="http://codepen.io/abarcenas29/pen/MywYGP" rel="nofollow noreferrer">http://codepen.io/abarcenas29/pen/MywYGP</a></p>
  
  <p>Here are my question:</p>
  
  <ol>
  <li>How can I insert the 4.3 in the image in dead center of the chart?</li>
  </ol>
  
  <p>Edit: I was able to make the chart look like the image, so I edited my question.</p>