Pie chart from nested array - Javascript highcharts

Javascript examples for highcharts:Pie Chart

  1. HOME
  2. Javascript
  3. highcharts
  4. Pie Chart

Description

Pie chart from nested array

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <title>Highcharts test tool</title> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"></script> 
      <script type="text/javascript">
    $(function(){/*from   w  w  w.  j a  v  a  2s  .  com*/
$(function () {
    var chart = new Highcharts.Chart(
    {chart:{
     renderTo:'container'},
     exporting:{enabled:true},
     title:{text:'Grafico a torta'},
     credits:{enabled:false},
     series:[{
           type:'pie',
           name:'name of serie',
           data:[
                ['Firefox',44.2000000000000028],
                ['IE7',26.6000000000000014],
                ['IE6',20],
                ['Chrome',3.1000000000000001],
                ['Other',5.4000000000000004]
           ]}]
    });
});
    });

      </script> 
   </head> 
   <body> 
      <script src="https://github.highcharts.com/highcharts.js"></script> 
      <script src="https://github.highcharts.com/modules/exporting.src.js"></script> 
      <div id="container" style="height: 400px; width: 400px; margin: 0 auto"></div>  
   </body>
</html>

Related Tutorials