Chart Control Example - Mindscape

gistfile1.xml

<local:ChartDemoBase x:Class="SampleExplorer.LineChartDemo"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:SampleExplorer"
    xmlns:ms="http://namespaces.mindscape.co.nz/wpf">
  <local:ChartDemoBase.Resources>
    <ResourceDictionary>
      
      <ms:DateTimeAxisValueConverter x:Key="DateTimeScale" />
      
      <ms:FormattingConverter x:Key="DateFormatConverter" FormatString="{}{0:dd MMM yyyy}" />
      <ms:FormattingConverter x:Key="CurrencyFormatConverter" FormatString="{}{0:C}" />
      
      <DataTemplate x:Key="ValueDisplayTemplate">
        <Border Background="{Binding Brush}" Width="100">
          <StackPanel Margin="3">
            <TextBlock Foreground="White" Text="{Binding XData, Converter={StaticResource DateFormatConverter}}" />
            <TextBlock Foreground="White" Text="{Binding YData, Converter={StaticResource CurrencyFormatConverter}}" />
          </StackPanel>
        </Border>
      </DataTemplate>
      
    </ResourceDictionary>
  </local:ChartDemoBase.Resources>
  <local:ChartDemoBase.DemoContent>
    <ms:Chart Name="Chart" Title="Top 3 sales representatives" Margin="10">
      <ms:LineSeries ItemsSource="{Binding Data1}" SeriesBrush="{Binding Palette[0]}" LineStyle="{StaticResource ShadowLineStyle}"
                     Title="Mark" />
      <ms:LineSeries ItemsSource="{Binding Data2}" SeriesBrush="{Binding Palette[1]}" LineStyle="{StaticResource ShadowLineStyle}"
                     Title="Chris" />
      <ms:LineSeries ItemsSource="{Binding Data3}" SeriesBrush="{Binding Palette[2]}" LineStyle="{StaticResource ShadowLineStyle}"
                     Title="Samuel" />
      <ms:Chart.BackgroundElements>
        <ms:ChartGrid MinorHorizontalGridLineBrush="#AAAAAA" MinorHorizontalDashArray="2,2">
          <ms:ChartGrid.HorizontalStripeBrushes>
            <SolidColorBrush Color="Transparent" />
            <SolidColorBrush Color="#EFEFEF" />
          </ms:ChartGrid.HorizontalStripeBrushes>
        </ms:ChartGrid>
      </ms:Chart.BackgroundElements>
      <ms:Chart.ForegroundElements>
        <local:TrackingElement ValueDisplayTemplate="{StaticResource ValueDisplayTemplate}" />
      </ms:Chart.ForegroundElements>
      <ms:Chart.XAxis>
        <ms:ChartAxis Title="Date" ValueConverter="{StaticResource DateTimeScale}" LabelFormat="{}{0:dd/MMM}" Style="{StaticResource AxisStyle}" />
      </ms:Chart.XAxis>
      <ms:Chart.YAxis>
        <ms:ChartAxis Title="Generated revenue" TickMarkMode="Movable" MinorTickMarkVisibility="Visible"
                      LabelFormat="{}{0:C}" Style="{StaticResource AxisStyle}" />
      </ms:Chart.YAxis>
    </ms:Chart>
  </local:ChartDemoBase.DemoContent>
</local:ChartDemoBase>