title: draw pie chart from arrays in highcharts
body: <p>I want to merge two arrays and display them on chart but can't do it. Please show the correct syntax of drawing that type of chart. If someobdy could provide a jsfiddle link it would be better for my understanding. Thanks.</p>
  
  <pre><code>$(function () {
      var name = ['chrome','firefox','opera'];
      var data = [11.22,81.54,6];
      var final = [name,data];
  
      $('#container').highcharts({
          chart: {
              plotBackgroundColor: null,
              plotBorderWidth: null,
              plotShadow: false,
              type: 'pie'
          },
          title: {
              text: 'Browser market shares January, 2015 to May, 2015'
          },
          tooltip: {
              pointFormat: '{series.name}: &lt;b&gt;{point.percentage:.1f}%&lt;/b&gt;'
          },
          plotOptions: {
              pie: {
                  allowPointSelect: true,
                  cursor: 'pointer',
                  dataLabels: {
                      enabled: true,
                      format: '&lt;b&gt;{point.name}&lt;/b&gt;: {point.percentage:.1f} %',
                      style: {
                          color: (Highcharts.theme &amp;&amp; Highcharts.theme.contrastTextColor) || 'black'
                      }
                  }
              }
          },
          series: [{
              name: "Results",
              colorByPoint: true,
              data:JSON.parse(final)
          }]
      });
  });
  </code></pre>