Hi Sarath,
In your data options you can try the following:
{
"textinfo": "label+percent",
"textposition": "outside",
"automargin": true
}
I don’t believe that it will give you the arrow you’d like (it will display something like: Pie charts in JavaScript (plotly.com)
Alternatively, you should look at Annotations that you can add to your layout options. See Plotly’s documentation here: Layout.annotations in JavaScript (plotly.com)