Simple steps to display data point labels outside a pie Chart in asp.net - Free Asp.Net,MVC,AngularJs,Jquery,Javascript,Sql Server,WCF,Entity framework snippets and tutorial

Simple steps to display data point labels outside a pie Chart in asp.net

In this article I am going to explain how to display the data point labels outside a pie Chart in asp.net

Description:

I am displaying the data in chart control. Chart type is pie. I want to display the data labels outside the pie chart because data values got overlap.

Simple steps to display the data point labels outside a pie Chart in asp.net

Implementation:
To display the outside a pie chart follow the below given steps.

Go to properties section of chart control. In properties section look Chart >>Series >> Misc >>


PieLabelStyle. PieLabelStyle have 3 options outside, inside and disabled. Choose the outside option to display point labels outside.

Simple steps to display the data point labels outside a pie Chart in asp.net


Now run the website and check the result.

Simple steps to display the data point labels outside a pie Chart in asp.net



Now you see data values are displayed outside but overlap each other. To prevent the overlapping follow the below given steps.

Once again got to properties of chart control >> Chart >> ChartAreas and enable the 3d.

Simple steps to display the data point labels outside a pie Chart in asp.net



You have done it. Now save and build the project. Run and check the result.

In this article we have learn How to display the data values outside a pie chart in asp.net. I hope you enjoyed this article. 

What do you think about this article?

If you found this article useful, please share and follow on Facebook, Twitter, Google Plus and other social media websites. To get free updates subscribe to newsletter. Please put your thoughts and feedback in comments section.

Share this

Share on FacebookTweet on TwitterPlus on Google+


EmoticonEmoticon