Как нарисовать диаграмму, чтобы опустить лишнюю область диаграммы вокруг диаграммы

Question

Я использую Silverlight Toolkit от http://silverlight.codeplex.com/, и у меня проблема со стилем. Основываясь на документах Microsoft, я вижу, что диаграмма состоит из 4 основных компонентов.

1. ChartAreaStyle ==> Сетка
2. LegendStyle ==> Легенда (управления похож на ItemsControl с названием)
3. PlotAreaStyle ==> Сетка
4. TitleStyle ==> Название (а ContentControl)

исх http://msdn.microsoft.com/en-us/expression/dd433476.aspx

Мой вопрос

Как заполнить контейнер диаграммы самой диаграммой вместо пустой области и, если возможно, опустить легенду?

Я все еще пытаюсь обернуть голову вокруг xaml и управлять шаблонами и т. Д. Я знаю, что, возможно, это можно сделать, используя это, я просто не знаю, как это сделать.

Вот пример того, что я пытаюсь достичь:

Вот что он выглядит сейчас:

Answer 1

Так что я скопировал стиль элемента управления Chart из исходного кода Toolkit и удаленные избыточные элементы из шаблона.

Определение стилей выглядеть так:

<UserControl.Resources> 
    <Style x:Key="ChartWithoutPaddings" TargetType="chart:Chart"> 
     <Setter Property="Padding" Value="0" /> 
     <Setter Property="BorderThickness" Value="0" /> 
     <Setter Property="ChartAreaStyle"> 
      <Setter.Value> 
       <Style TargetType="Panel"> 
        <Setter Property="MinWidth" Value="100" /> 
        <Setter Property="MinHeight" Value="20" /> 
       </Style> 
      </Setter.Value> 
     </Setter> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="chart:Chart"> 
        <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}"> 
         <chartingprimitives:EdgePanel x:Name="ChartArea" Style="{TemplateBinding ChartAreaStyle}"> 
          <Grid Canvas.ZIndex="-1" Style="{TemplateBinding PlotAreaStyle}" /> 
         </chartingprimitives:EdgePanel> 
        </Border> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 

    <Style x:Key="EmptyDataPoint" TargetType="Control"> 
     <Setter Property="Background" Value="Black" /> 
     <Setter Property="Template" Value="{x:Null}" /> 
    </Style> 

    <Style x:Key="OnePixelLine" TargetType="Polyline"> 
     <Setter Property="StrokeThickness" Value="1" /> 
    </Style> 
</UserControl.Resources> 

Вы должны также скрыть ось и указать ширину и высоту графика:

<chart:Chart Style="{StaticResource ChartWithoutPaddings}" 
      VerticalAlignment="Center" HorizontalAlignment="Center" 
      Width="200" Height="30"> 
    <chart:LineSeries ItemsSource="{Binding Items}" IndependentValuePath="Title" DependentValuePath="Value" 
         DataPointStyle="{StaticResource EmptyDataPoint}" PolylineStyle="{StaticResource OnePixelLine}" /> 

    <chart:Chart.Axes> 
     <chart:CategoryAxis Orientation="X" Height="0" Opacity="0" /> 
     <chart:LinearAxis Orientation="Y" Width="0" Opacity="0" /> 
    </chart:Chart.Axes> 
</chart:Chart>