Line Chart

Updated on Oct 1, 2026

A Line chart displays data as continuous lines that pass through points defined by the values of their items. It is useful for rendering a trend over time and comparing several sets of similar data.

Line series in a stock chart.

This article assumes you are familiar with the stock chart basics and data binding.

To add a Line chart to a stock chart component:

1. add a StockChartSeries to the StockChartSeriesItems collection
2. set its Type property to ChartSeriesType.Line
3. provide a data collection to its Data property
4. set the Field and CategoryField properties to the corresponding fields in the model that carry the values.

A line chart that shows product revenues

Example

View Source

Loading ...

Line Chart Specific Appearance Settings

Customize Chart Elements - Nested Tags Settings

When configuring nested properties and child elements in your chart, the inner tags will contain their parent tag name and add specifics to its end. In general the structure of such nested tags will be <StockChart*Category**Specifics*> where the Category can be one of the following:

• CategoryAxis
• ChartArea
• Legend
• Navigator
• PlotArea
• SeriesItems
• Title
• Tooltip
• ValueAxis
• and others

To customize the chart, look for nested tags and their properties - the inner tags will contain their parent tag name and add specifics to its end. For example, the StockChartSeries tag has a StockChartSeriesTooltip tag that exposes configuration options and more child tags.

You can customize all aspects of the stock chart by using the settings provided by the nested tags.

For example:

StockChartCategoryAxes > StockChartCategoryAxis > StockChartCategoryAxisLabels tags

This approach can be used with all tags that are applicable for the Chart type.