[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Reporting
  [Collapse]Chart Control
   [Expand]Product Information
   [Expand]Getting Started
   [Expand]Fundamentals
   [Collapse]Concepts
    [Expand]Creating Charts
    [Collapse]Chart Elements
     [Expand]Series
     [Expand]Diagram
     [Expand]Axes
     [Expand]Panes
     [Expand]Legend
     [Expand]Chart Titles
     [Expand]Annotations
     [Collapse]Indicators
       Indicators Overview
       Trend Lines
       Regression Lines
       Fibonacci Indicators
       Moving Average and Envelope
    [Expand]End-User Interaction
     Supported Browsers
     Adding a Web Chart
     Handling Client-side Scripts
     Medium Trust Support
     Web Farm and Web Gardens Support
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]Examples
  [Expand]Pivot Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Scheduler
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Gauges
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Trend Lines

This document provides a general overview of Trend Lines and describes how to draw a trend line between any two series points.

This document consists of the following sections.

Expanded Trend Lines Overview

A Trend Line is a line drawn between any two points in a series, to show the general direction that values are headed towards. Trend Lines belong to the Indicators tool set provided by the ASP.NET Chart Control, for extended visual data analysis.

Trend Lines are often used in business analytics to show changes in data over time, using simple and understandable visuals. However, they suffer from a lack of scientific validity in cases where other potential changes can affect the data. For some scenarios it may be more appropriate to use Regression Lines, which are more sophisticated analytical instrument.

A Trend Line is represented by an instance of the TrendLine class, which is a descendant of the Indicator class. The Trend Line resides in the IndicatorCollection of a series, which is accessible via the XYDiagram2DSeriesViewBase.Indicators property.

The view type of the series to which a Trend Line is assigned is returned by the Indicator.View property.

A series can possess any number of Trend Lines, and it is possible to draw any number of these lines across the same series point.

Since a Trend Line must be drawn across two points, its two properties should be appropriately defined: FinancialIndicator.Point1 and FinancialIndicator.Point2. In turn, for each of these points you should define its argument (via the FinancialIndicatorPoint.Argument property) and value level (via the FinancialIndicatorPoint.ValueLevel property). For series view types supporting only a single value, the FinancialIndicatorPoint.ValueLevel property has the Value setting only.

The TrendLine.ExtrapolateToInfinity property indicates whether the current Trend Line should be extrapolated beyond the end point's argument, or limited to this point.

A Trend Line's appearance is managed via its Indicator.Color and Indicator.LineStyle properties.

Expanded Draw a Trend Line

To access the collection of indicators for a series at design time:

  • invoke the Series Collection Editor by clicking the Series ellipsis button in the Properties window;

  • switch to the Properties tab in the Series Collection Editor, expand the SeriesBase.View property, and click the ellipsis button for the XYDiagram2DSeriesViewBase.Indicators property;

  • click the Add... button in the invoked Indicators dialog;

  • select the Trend Line type, and click OK in the Indicator Type dialog.

After a Trend Line is created, you can define its properties in the Indicators dialog: FinancialIndicator.Point1, FinancialIndicator.Point2 and other properties.

Note that all of the chart's indicators are painted based on a palette defined via the WebChartControl.IndicatorsPaletteName property.

Expanded See Also

Is this topic helpful?​​​​​​​