To create a pie chart:
In the head tag add links to the following libraries: PP.js, jquery.js and highcharts.src.js:
<head>
<script type="text/javascript" src="../../build/PP.js"></script>
<script type="text/javascript" src="../../libs/jquery.js"></script>
<script type="text/javascript" src="../../libs/hc/highcharts.src.js"></script>
</head>
In the Script tag add the Java Script code to initialize chart:
<script type="text/javascript"> $(function () { highChart = new Highcharts.Chart({ chart: { renderTo: 'container', defaultSeriesType: 'pie', // Pie chart }, title: { text: 'Pie chart' }, // Define two data series series: [{ name: 'A', data: [1], startAngle: 90//sector rotation angle }, { name: 'B', data: [2] }, { name: 'C', data: [2] }] }); }); </script>
After executing the example a pie chart is added to the page. The first sector (blue one) in this chart is rendered with 90-degree angle:
See also: