<UserControl x:Class="ChartSamples.SimpleMarker"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition />
        </Grid.RowDefinitions>
        <StackPanel Orientation="Horizontal" Margin="0 0 0 10">
            <TextBlock Text="Chart Type: " VerticalAlignment="Center" Margin="5"/>
            <ComboBox Name="cmbChartTypes" SelectionChanged="cmbChartTypes_SelectionChanged">
                <ComboBox.ItemTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding}" />
                    </DataTemplate>
                </ComboBox.ItemTemplate>
            </ComboBox>
        </StackPanel>
        <c1:C1Chart x:Name="c1Chart" Palette="Flow" Grid.Row="1">
            <c1:C1Chart.Data>
                <c1:ChartData ItemNames="Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec">
                    <c1:DataSeries Values="1234 3102 2431 2143 2514 3254 4125 4021 3524 3142 2315 2042" SymbolStroke="Transparent" ConnectionStroke="Transparent" Opacity=".9" />
                    <c1:DataSeries x:Name="symbols" ChartType="XYPlot" Values="1234 3102 2431 2143 2514 3254 4125 4021 3524 3142 2315 2042" SymbolStroke="Transparent" Opacity=".9" />
                </c1:ChartData>
            </c1:C1Chart.Data>
            <c1:C1Chart.View>
                <c1:ChartView>
                    <c1:ChartView.AxisY>
                        <c1:Axis MajorTickThickness="0" MinorTickThickness="0" MajorGridFill="#33666666" MajorUnit="400" MajorGridStrokeThickness="0"/>
                    </c1:ChartView.AxisY>
                    <c1:ChartView.AxisX>
                        <c1:Axis MajorTickThickness="0" MinorTickThickness="0" MajorGridStrokeThickness="0"/>
                    </c1:ChartView.AxisX>
                    <!-- Markers layer -->
                    <c1:ChartView.Layers>
                        <c1:ChartPanel>
                            <c1:ChartPanelObject x:Name="obj" Attach="DataX" Action="MouseMove" DataPoint="0,1234" DataPointChanged="ChartPanelObject_DataPointChanged" HorizontalAlignment="Center" VerticalAlignment="Top" Width="65" Height="50">
                                <c1:ChartPanelObject.RenderTransform>
                                    <TranslateTransform Y="-50"/>
                                </c1:ChartPanelObject.RenderTransform>
                                <Grid DataContext="{Binding RelativeSource={x:Static RelativeSource.Self},Path=Parent}">
                                    <Path Data="M0.5,0.5 L23,0.5 23,23 11.61165,29.286408 0.5,23 z" Stretch="Fill" Fill="#FFF1F1F1" Stroke="DarkGray" StrokeThickness="1"/>
                                    <StackPanel VerticalAlignment="Center">
                                        <TextBlock Text="Value" Margin="2 0"/>
                                        <TextBlock x:Name="label" Text="{Binding DataPoint.Y, StringFormat=c2}" FontWeight="Bold" Margin="2"/>
                                    </StackPanel>
                                </Grid>
                            </c1:ChartPanelObject>
                        </c1:ChartPanel>
                    </c1:ChartView.Layers>
                </c1:ChartView>
            </c1:C1Chart.View>
        </c1:C1Chart>
    </Grid>
</UserControl>
