Telerik UI for Windows 8 HTML

This article explains the visual elements of the RadChart control.

Common Structure

The image below shows the common visual elements in all chart types.

Visual Structure

Common visual structure

Description of Chart elements

Name

Description

Title

The title of the chart. By default, no title will appear until you set one explicitly.

Plot Area

This is where the chart series are drawn. The plot area can be blank or can display a grid of lines that make data values easier to read on a chart with axes.

Series

Series are the actual visual representation of data. Each figure drawn by the series (a bar, a bubble, a point in a line, etc.) represents a single data value, or the crossing point when having a XY-type chart.

Tooltip

The tooltip is a text element that hovers (when tooltips are enabled) over a data point. It is used to display additional information about the point.

Legend

The chart legend appears next to the plot area (could be positioned at top, right, bottom and left) and displays the name of the field visualized by each series in the chart, along with a colored figure, representing the color used to draw the corresponding series.

Specific Elements of Categorical Charts

The elements specific to a categorical chart (column, bar, line, area) are shown below.

Visual Structure of a Categorical Chart

Categorical chart elements

Description of elements

Name

Description

Value Axis

In a Cartesian chart, data points are plotted on the value axis. You can have multiple value axes-one for each series in the chart.

Category Axis

Displays the category of each data point in the series. For example, the points in time to which the data point corresponds.

Specific Elements of XY-charts

Following you can see the specific elements of the XY-charts (scatter, scatter line, bubble).

Visual Structure of XY-charts

XY chart structure

Description of Elements in XY-charts

Name

Description

X-axis

Scatter, scatter line and bubble series represent data points defined by two values. The first value is positioned on the X-axis. This is identical to positioning points in a Cartesian coordinate system with X and Y axes.

Y-axis

The second axis used for positioning data points in an XY-based series.

Specific Elements of Donut and Pie Charts

Donut and pie charts are radial and do not use axes. The only specific element they render that is not seen in charts displaying other series are connectors.

Visual Structure of Donut and Pie Charts

Radial type chart visual structure

Description of Donut and Pie Chart Connectors

Name

Description

Connectors

Connectors are the lines connecting the donut or pie sectors with their corresponding label.