Infragistics logo
메뉴
.NET and JavaScript UI Controls
Version

Configuring Chart Markers

Markers are visual elements that are displayed at the values of data points in the XamCategoryChart control’s plot area. Markers help your end-users immediately identify a data point’s value even if the value falls between major or minor grid lines. This section provides you with useful information about working with the XamCategoryChart control’s Markers.

In this topic

This topic contains the following sections:

The appearance of chart markers is managed through the marker properties of the XamCategoryChart class.

Marker Appearance

The following table lists all marker appearance properties.

Property Name Property Type Description

Determines the type of markers to be displayed by all series in the chart

Determines fill color of markers

Determines outline color of markers

Marker Types

Name Type Description

CircleMarker

Displays the Circle marker type.

DiamondMarker

Displays the Diamond marker type.

HexagonMarker

Displays the Hexagon marker type.

HexagramMarker

Displays the Hexagram marker type.

PentagramMarker

Displays the Pentagram marker type.

PentagonMarker

Displays the Pentagon marker type.

PyramidMarker

Displays the Pyramid marker type.

SquareMarker

Displays the Square marker type.

TetragramMarker

Displays the Tetragram marker type.

TriangleMarker

Displays the Triangle marker type.

The code snippet below demonstrates how to change the marker type for the XamCategoryChart. In XAML:

<ig:XamCategoryChart ItemsSource="{Binding}" ChartType="Line" MarkerTypes=”Circle Diamond Square” />

The following screenshot displays the XamCategoryChart control using the Line chart type with Diamond markers.

categorychart configuring chart markers 01.png

Marker Brush and Outline

The code snippets below demonstrate how to change the MarkerBrushes and MarkerOutlines for the XamCategoryChart. In XAML:

<ig:XamCategoryChart
      MarkerBrushes=”White”
      MarkerOutlines=”Red Orange Green”
      Brushes=”Red Orange Green”
      ChartType="Line">
</ig:XamCategoryChart>

The following screenshot displays the XamCategoryChart control using the Line chart type with customized markers.

categorychart configuring chart markers 02.png

Related Content

Topic Purpose

This topic describes in detail how to bind the control to data.

This topic provides a conceptual overview of the Category Chart control.