CrosshairOptionsBase.PopupTemplate Property

Gets or sets the template of the Crosshair label’s popup panel.

Namespace: DevExpress.Xpf.Charts

Assembly: DevExpress.Xpf.Charts.v24.1.dll

NuGet Package: DevExpress.Wpf.Charts

Declaration

C#

public DataTemplate PopupTemplate { get; set; }

VB.NET

Public Property PopupTemplate As DataTemplate

Property Value

Type	Description
DataTemplate	The label popup template.

Remarks

A CrosshairSeriesLabelItem object is the data context for this template.

The image below demonstrates the Crosshair Cursor with a custom transparent popup template used in the example.

Example

This example demonstrates how to customize the Crosshair Label.

The CrosshairOptionsBase.PopupTemplate property used in this example allows you to fully customize the Crosshair Label appearance.

View Example

MainWindow.xaml

<dxc:ChartControl.CrosshairOptions>
    <dxc:CrosshairOptions>
        <dxc:CrosshairOptions.PopupTemplate>
            <DataTemplate>
                <Border Background="#C0FFFFFF" 
                        BorderBrush="#C0C0C0C0" 
                        BorderThickness="1"
                        Padding="16">
                    <ItemsControl ItemsSource="{Binding PresentationData}">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <ContentPresenter Content="{Binding}" 
                                                  ContentTemplate="{Binding Path=CrosshairSeriesLabelTemplate}"/>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </Border>
            </DataTemplate>
        </dxc:CrosshairOptions.PopupTemplate>
    </dxc:CrosshairOptions>
</dxc:ChartControl.CrosshairOptions>

Related GitHub Examples

The following code snippet (auto-collected from DevExpress Examples) contains a reference to the PopupTemplate property.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

XAML

wpf-chart-customize-the-crosshair-label-appearance/CS/CrosshairTemplateExample/MainWindow.xaml#L11

<dxc:CrosshairOptions>
    <dxc:CrosshairOptions.PopupTemplate>
        <DataTemplate>