Scatter Chart

Official Content
This documentation is valid for:

Introduction

Scatter charts are useful for comparisions among diferenes values. Scatter 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 bar chart to illustrate a comparision between Sales and Expenses for certain years, you need just :

  • Drag and drop Google Charts Control.
  • Set Scatter 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 :

 Scatter 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

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






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