Point Charts guide, UI Control for ASP.NET AJAX, C#, VB.NET, rich aspx sample code for point properties setting

Point/Scatter Charts Control in ASP.NET AJAX

Home > How to > Point Chart

ASP.NET Point/Scatter Chart Overview

Point chart, still known as scatter chart, is often used to show the contribution and connection of two or more set of data points. Point chart also clearly displays the dependences among different values. As the data points or values displayed in point chart is unordered, thus, the point chart is not used for time dependent data series but is usually used for scientific data modeling. For example, point figure chart commonly shows temperature grade in our life.

Online demo for point/scatter chart:

generate point chart in asp.net ajax using c#

How to Build a Simple Point/Scatter Chart

By using Kettic UI ASP.NET Chart Library, users are able to easily create and modify point chart, ranging from options for selecting point chart type to advanced point chart settings, like chart skin, title, label, orientation as well as other appearance properties.

With the support of AJAX web programming technique, our UI ASP.NET Chart Control can allow users to create and view chart on web side with very short time and great convenience.

Here are the general steps for creating a target scatter chart with AJAX techniue: drag an "AjaxPanel" control from Toolbox to "aspx" file, and then, drag a chart control from Toolbox into the built "AjaxPanel". Finish these stpes, we can go on to next step.

Basic Settings

Following codes and descriptions are for how to select target point chart type and how to set point chart title, orientation and skin to adjust chart appearance. And we can finish setting these parameters within property window of chart creating project. Please check out demo codes below respectively. After making these options, the Kettic chart control will draw the point and figure in the plot area.

Chart View: Set the Chart DefaultSeriesView property or ChartSeries.View to Point.
Chart Caption: Set the ChartCaption.Text property to "Point Chart".
Chart Orientation: Set the SeriesOrientation property to Vertical.
Chart Skin: Set the Skin Property to "KetticLite".

Here we will show you how to specify the basic properties of point chart in C#.


KaxChart1.SeriesSet[0].View = ChartSeriesView. Point;
KaxChart1.Skin = "KetticLite";
KaxChart1.Caption.Text = "Point Chart";
KaxChart1.SeriesOrientation = CartSeriesOrientation.Vertical;

Point/Scatter Settings

This part tells how to add and set the data series of point chart. We can set the series according to the particular data points' categories, single category and multiple categories are both allowed. And the number of each set of values can range from 1 to n. We add point chart data series by using "ChartSeries.Items" control of KT.UI ASP.NET Chart Control.


<kettic:ChartSeries Name="Series 1" View="Point">
                            <Points>
                                <kettic:ChartSeries Point  Value="2"  Name="Point 1">
                                </kettic:ChartSeriesPoint>
                                <kettic:ChartSeriesPoint  Value="6"  Name="Point 2">
                                </kettic:ChartSeriesPoint>
                                <kettic:ChartSeriesPoint  Value="13"  Name="Point 3">
                                </kettic:ChartSeriesPoint>
                                <kettic:ChartSeriesPoint  Value="14"  Name="Point 4">
                                </kettic:ChartSeriesPoint>
                                <kettic:ChartSeriesPoint  Value="15"  Name="Point 5">
                                </kettic:ChartSeriesPoint>
                            </Points>
                        </kettic:ChartSeries>

Besides chart series, with the rich support of chart element component library, we are also capable of setting the point color via "ChartSeries.StyleSet.Fill.PrimaryColor" control. What's more, if we want to change more properties of given point, we can use point appearance property item to adjust the point dimensions, height, width, borders and margins. Kettic asp.net chart component really provide powerful and useful style maker in Visual Studio. Detailed chart series setting guides can be fund here: chart series element setting guides.

More Guides

See more information on building point chart within C# ASP.NET application.

ASP.NET AJAX UI Controls

ASP.NET AJAX Chart UI Control

Overview Getting Started

Chart Element

Diagram Series Axes Legend Caption Tick Data Grid

Chart Type

Bar Chart

Point Chart

Line Chart Pie Chart Area Chart Gantt Chart Bubble Chart Bezier Chart Spline Chart Spline Area Chart Candle Chart Chart With Stacked Full Stacked Chart

Features

Automatic Layout Automatic Text-wrapping Scrolling Empty Values Scale Break Multiline Labels Wise Labels Marking Areas Multiple Types Interactive Drill Down Shadow Edting

Data Binding

Array Data List Data Database Data XML Data

Chart Style

Chart Skin ASP.NET AJAX Grid UI Control