Pie Chart

Official Content

Introduction

Pie charts are useful for comparisions among diferenes values. Pie Chart Control is an interactive chart, try clicking on the different section or on the legend entries to know values and percentages.

The user control is really simple, you just need to set one property in order to get the control working.

Example

To show a simple pie chart with the Sales of each year, you need just :

  • Drag and drop Google Charts Control.
  • Set Pie Chart to property named Type.
  • Assign to the Data property a variable based on GoogleChartData data type (this SDT is automatically imported when dropping the control to a web form).
  • Load the information that will be shown by the chart using a variable based on GoogleChartData.
//Sample code for GoogleCharts
Sub 'LoadGoogleChartData'
 &GoogleChartData.Categories.Add("2005")
 &GoogleChartData.Categories.Add("2006")
 &GoogleChartData.Categories.Add("2007")
 &GoogleChartData.Categories.Add("2008")
 
 &GoogleChartSeries.Name = "Sales"
 &GoogleChartSeries.Values.Add(3045)
 &GoogleChartSeries.Values.Add(4246)
 &GoogleChartSeries.Values.Add(6537)
 &GoogleChartSeries.Values.Add(2537)
 &GoogleChartData.Series.Add(&GoogleChartSeries) 

EndSub

 It looks like:

 Pie Chart

This implementation is analog to Column chart for more details about adding series, customizing or handling events please refer to Column Chart Control

Implementation Details

Pie Chart Control is based on the Google Pie Chart Control.






Was this page helpful?
What Is This?
Your feedback about this content is important. Let us know what you think.