Changing Pie Chart Rotation Angle

To create a pie chart:

  1. 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>

  1. 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:

series Element | Examples