Labeled Column Series Chart in Wpf Labeled Column Series Chart in Wpf wpf wpf

Labeled Column Series Chart in Wpf


Why don't you change the Template of the ColumnDataPoint inside the DataPointStyle similar to here


             <charting:ColumnSeries Height="350" Foreground="Black"                    ItemsSource="{Binding Path=MyCurrentResultsView.ResultsView}"                    IndependentValueBinding="{Binding Key}"                    DependentValueBinding="{Binding Value}"><charting:ColumnSeries.DataPointStyle>    <Style TargetType="charting:ColumnDataPoint">        <Setter Property="Template">            <Setter.Value>             <ControlTemplate TargetType="charting:ColumnDataPoint">             <Grid>                <Rectangle Fill="{TemplateBinding Background}" Stroke="Black"/>                <Grid Margin="0 -20 0 0" HorizontalAlignment="Center" VerticalAlignment="Top">                    <TextBlock Text="{TemplateBinding FormattedDependentValue}" Margin="2"/>                </Grid>             </Grid>             </ControlTemplate>            </Setter.Value>        </Setter>    </Style></charting:ColumnSeries.DataPointStyle> 


How about something like this:

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"        xmlns:chartingToolkit="clr-namespace:System.Windows.Controls.DataVisualization.Charting;assembly=System.Windows.Controls.DataVisualization.Toolkit"        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"        mc:Ignorable="d"        x:Class="WpfApplication1.MainWindow"        Title="MainWindow"        Height="350"        Width="525">    <Window.Resources>        <Style x:Key="ColumnDataPointStyle1"               TargetType="{x:Type chartingToolkit:ColumnDataPoint}">            <Setter Property="Background"                    Value="#ff217346" />            <Setter Property="BorderBrush"                    Value="#ff217346" />            <Setter Property="BorderThickness"                    Value="1" />            <Setter Property="Template">                <Setter.Value>                    <ControlTemplate TargetType="{x:Type chartingToolkit:ColumnDataPoint}">                        <Grid>                            <Rectangle Fill="{TemplateBinding Background}"                                       Stroke="Black" />                            <TextBlock Text="{TemplateBinding FormattedDependentValue}" Foreground="Black" Margin="0,-14,0,0" FontSize="8" FontWeight="Bold" />                        </Grid>                    </ControlTemplate>                </Setter.Value>            </Setter>        </Style>    </Window.Resources>    <Grid>        <chartingToolkit:Chart  Name="chartDailySales"                                Title="Monthly Sales"                                VerticalAlignment="Top"                                Margin="10,10,0,0"                                Height="262"                                BorderBrush="#00000000"                                DataContext="{Binding}"                                IsTabStop="True"                                Background="#ffbcd5c7">            <!-- Plot area-->            <chartingToolkit:Chart.PlotAreaStyle>                <Style TargetType="Grid">                    <Setter Property="Background"                            Value="White" />                </Style>            </chartingToolkit:Chart.PlotAreaStyle>            <!-- Hide Legend-->            <chartingToolkit:Chart.LegendStyle>                <Style TargetType="Control">                    <Setter Property="Width"                            Value="0" />                    <Setter Property="Height"                            Value="0" />                </Style>            </chartingToolkit:Chart.LegendStyle>            <chartingToolkit:ColumnSeries DependentValuePath="Value"                                          IndependentValuePath="Key"                                          ItemsSource="{Binding}"                                          IsSelectionEnabled="False"                                          DataPointStyle="{DynamicResource ColumnDataPointStyle1}" />        </chartingToolkit:Chart>    </Grid></Window>