Articles in this section
Category / Section

What is the use of startAngle property in ejChart?

1 min read

The startAngle property determines the angle to draw the segment for first point in pie and doughnut series. Segments for other points are drawn after the previous segment. In other words, startAngle property determines the angle from which the pie or doughnut series are to be rendered. By default, the pie or doughnut series start from the center and top center co-ordinates of chart area.

JS

$("#container").ejChart({
    title:{text: 'With Start Angle 90 degree'},
    series: [{
        type: 'pie',
        startAngle: 90,
        marker: {
            dataLabel: { visible: true, font: { color: 'white' } }
        },
        points: [{ x: 1, y: 30 }, { x: 2, y: 40 }, { x: 3, y: 50 }, { x: 4, y: 60 }, ]
    }],
    legend: {visible:false}
});

The following screenshot illustrates the pie chart with start angle 0, rendering from center and top center co-ordinates of chart area.

Pie with start angle 0

Figure 1: Pie chart with start angle 0

The following screenshot illustrates the pie chart with start angle 90, rendering from center and right center co-ordinates of chart area.

Pie with start angle 90

Figure 2: Pie chart with start angle 90

JS Playground sample link: Pie start angle

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied