SparklineEdit Class
A sparkline visualizes data in a highly condensed way, allowing end-users to quickly understand and compare values from different sources.
Namespace: DevExpress.Xpf.Editors
Assembly: DevExpress.Xpf.Core.v19.2.dll
Declaration
Remarks
The sparkline type is defined by the SparklineEdit.StyleSettings property, which can contain of the following SparklineStyleSettings class descendants:
- Area (AreaSparklineStyleSettings)
- Line (LineSparklineStyleSettings)
- Bar (BarSparklineStyleSettings)
- Win/Loss (WinLossSparklineStyleSettings)
Below is a grid control with Line sparklines displayed in its second column.
Example
This example demonstrates how to provide data for a standalone SparklineEdit control and adjust its main properties.
Note
A complete sample project is available at https://github.com/DevExpress-Examples/how-to-create-a-sparkline-control-e4982.
<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
xmlns:System="clr-namespace:System;assembly=mscorlib"
x:Class="SparklineEdit.MainWindow"
Title="MainWindow" Height="228" Width="525" WindowStartupLocation="CenterScreen">
<Window.Resources>
<System:String x:Key="Limit1">01/02/2000</System:String>
<System:String x:Key="Limit2">01/07/2000</System:String>
</Window.Resources>
<Grid x:Name="grid">
<dxe:SparklineEdit EditValue="{Binding SourceCollection}"
PointValueMember="ValueColumn" PointArgumentMember="ArgumentColumn" >
<dxe:SparklineEdit.PointArgumentRange>
<dxe:Range Auto="False"
Limit1="{Binding Source={StaticResource ResourceKey=Limit1}}"
Limit2="{Binding Source={StaticResource ResourceKey=Limit2}}" />
</dxe:SparklineEdit.PointArgumentRange>
<dxe:SparklineEdit.StyleSettings>
<dxe:AreaSparklineStyleSettings
LineWidth="3"
AreaOpacity="0.5"
ShowMarkers="True"
MarkerSize="3"
MaxPointMarkerSize="10"
MinPointMarkerSize="9"
StartPointMarkerSize="8"
EndPointMarkerSize="7"
NegativePointMarkerSize="6"
HighlightMaxPoint="True"
HighlightMinPoint="True"
HighlightStartPoint="True"
HighlightEndPoint="True"
HighlightNegativePoints="True"
Brush="DarkBlue"
MaxPointBrush="#FFF5DA2A"
MinPointBrush="#FF2B0DEA"
StartPointBrush="#FF127A0D"
EndPointBrush="#FFF71616"
NegativePointBrush="#FF9C0404"
MarkerBrush="Black" />
</dxe:SparklineEdit.StyleSettings>
</dxe:SparklineEdit>
</Grid>
</Window>
Related GitHub Examples
The following code snippet (auto-collected from DevExpress Examples) contains a reference to the SparklineEdit class.
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.