Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]Welcome to DevExpress .NET Documentation
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
   Reporting
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Collapse]Spreadsheet
    Product Structure
   [Expand]Getting Started
   [Expand]Spreadsheet Document
    Supported Formats
   [Expand]Cell Basics
   [Expand]Formulas
    Defined Names
    Data Binding
    Data Validation
   [Expand]Data Presentation
   [Expand]Pivot Table Overview
   [Collapse]Charting Overview
     Chart Elements
     Creating a Chart Programmatically
    Printing
    Protection
    Find and Replace
   [Expand]Visual Elements
    Services
    Themes and Templates
   [Expand]Examples
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Printing-Exporting
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Diagram Control
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Chart Elements

This topic explains the basic terms used in charting, and provides general information about chart elements.

The image below illustrates the basic elements of a chart. The number of elements displayed in a chart is determined by the chart layout. When you create a chart, the SpreadsheetControl uses a default layout, which displays some elements and hides others. You can select another layout to display a different arrangement of chart elements, or add the required elements manually, as described below.

Chart elements include:

  • Chart Area - represents the entire chart and all of its elements.

  • Plot Area - the chart's background in which data series, axes, gridlines and data labels are displayed.

  • Data Point - a single value plotted on a chart. Each data point must have one argument and at least one value that corresponds to it. In general, the pairing of an argument and its value is represented on a diagram's axes as their X and Y coordinates, respectively. A group of data points of the same color represents a single series.

  • Data Series - a grouping of related data points. Each data series is identified by a unique color, which allows you to differentiate between data series when multiple series are plotted on a chart.

  • Horizontal and Vertical Axes - two perpendicular lines that run along each edge of the chart and determine the scale of measurements used. Most charts have two axes: the category axis (X-axis), usually running horizontally along the bottom of the plot area, and the value axis (Y-axis), usually running vertically on the left side of the plot area. 3-D charts also have the depth (series) axis along which the series names are displayed.

    To show or hide primary axes, on the Layout tab, in the Axes group, click the Axes button, and then specify the direction of the horizontal axis and scaling options for the vertical axis:

  • Legend - an explanatory component that identifies each data series with its color or fill pattern. You can only create one legend per chart.

    To display the chart legend, in the Labels group, click the Legend button, and then select where to position the legend.

  • Chart Title - accompanies the chart with text headers and explanations. The chart title is always displayed at the top of the chart.

    To add a title to your chart, in the Labels group, click the Chart Title button, and then select where to position the chart title.

  • Axis Title - explanatory text used to label the axis.

    To add axis titles, in the Labels group, click the Axis Titles button and select the required options for the horizontal and vertical axes:

  • Data Label - identifies a single data point with its actual value.

    To display data values on the chart, in the Labels group, click the Data Labels button, and then select where to position the data labels.

  • Gridlines - a series of horizontal and vertical lines running across the plot area, which provide information about the value of each point.

    To display chart gridlines, in the Axes group, click the Gridlines button and select the type of gridlines you wish to display:

Expanded See Also

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