Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Collapse]Spreadsheet
   [Expand]Product Information
    Product Structure
    Getting Started
   [Expand]Spreadsheet Document
    Supported Formats
   [Expand]Cell Basics
   [Expand]Spreadsheet Formulas
    Defined Names
    Data Binding
    Data Validation
   [Expand]Data Presentation
    Data Grouping
   [Expand]Pivot Table Overview
   [Collapse]Charting Overview
     Chart Elements
     Creating and Modifying a Chart Programmatically
    Printing
    Events
   [Expand]Mail Merge Overview
    Protection
    Find and Replace
   [Expand]Visual Elements
    Services
   [Expand]Shortcuts
   [Expand]Examples
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[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:

    To learn how to display chart axes and adjust their settings in code, refer to the How to: Change the Display of Chart Axes example.

  • 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.

    To learn how to display and modify the chart legend programmatically, refer to the How to: Show or Hide the Chart Legend example.

  • 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.

    To learn how to add the chart title programmatically, refer to the How to: Display the Chart Title example.

  • 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:

    To learn how to add axis titles to the chart in code, refer to the How to: Change the Display of Chart Axes example.

  • 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.

    To learn how to add data labels to the chart in code, refer to the How to: Display and Format Data Labels example.

  • 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:

    To learn how to display gridlines on the chart programmatically, refer to the How to: Change the Display of Chart Axes example.

How would you rate this topic?​​​​​​​