2016-04-14 7 views
-1

Ich habe zwei Charts gemacht. In beiden ist ein einzelnes Liniendiagramm. Sie haben unterschiedliche Werte auf der x- und y-Achse. Aber ich möchte sie beiden gleichzeitig zeigen. Also muss ich den Hintergrund und die Achse des zweiten Diagramms transparent machen. Nur die Linie sollte sichtbar bleiben, damit ich sie in der ersten Grafik sehen kann. Es spielt keine Rolle, dass die Achse für das zweite Diagramm nicht mehr korrekt ist.Umgang mit Diagrammserien mit inkompatiblen Bereichen?

Chart 1: enter image description here

Chart 2: enter image description here

Dies ist, wie es aus, wenn beide Karten sind sichtbar aussehen: enter image description here

Und das ist die XAML ich bereits codiert. Wie kann ich den Hintergrund und die Achse transparent oder versteckt ?:

<chartingToolkit:Chart Background="White" BorderThickness="0"> 
      <chartingToolkit:LineSeries DependentValuePath="Value" IndependentValuePath="Key" ItemsSource="{Binding DemandPrice}" IsSelectionEnabled="True" Visibility="{Binding TodayVisible}"> 
       <chartingToolkit:LineSeries.Style> 
        <Style TargetType="chartingToolkit:LineSeries" BasedOn="{StaticResource {x:Type chartingToolkit:LineSeries}}"> 
         <Setter Property="Template"> 
          <Setter.Value> 
           <ControlTemplate TargetType="chartingToolkit:LineSeries"> 
            <Canvas x:Name="PlotArea"> 
             <Polyline x:Name="polyline" 
                  Points="{TemplateBinding Points}"           
                  Style="{TemplateBinding PolylineStyle}" 
                  StrokeThickness="4" > 
              <Polyline.Stroke> 
               <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 
                <GradientStop Color="Gray" Offset="0"/> 
                <GradientStop Color="Gray" Offset="1"/> 
               </LinearGradientBrush> 
              </Polyline.Stroke> 
             </Polyline> 
            </Canvas> 
           </ControlTemplate> 
          </Setter.Value> 
         </Setter> 
        </Style> 
       </chartingToolkit:LineSeries.Style> 
       <chartingToolkit:LineSeries.DataPointStyle> 
        <Style TargetType="chartingToolkit:LineDataPoint"> 
         <Setter Property="Background" Value="Transparent" /> 
        </Style> 
       </chartingToolkit:LineSeries.DataPointStyle> 
      </chartingToolkit:LineSeries> 
     </chartingToolkit:Chart> 

     <chartingToolkit:Chart Background="Transparent" BorderThickness="0"> 
      <!-- EEX Price--> 
      <chartingToolkit:LineSeries DependentValuePath="Value" IndependentValuePath="Key" ItemsSource="{Binding EEXPrice}" IsSelectionEnabled="True" Background="{StaticResource AccentColorBrush}" Visibility="{Binding EEXVisible}"> 
       <chartingToolkit:LineSeries.Style> 
        <Style TargetType="chartingToolkit:LineSeries" BasedOn="{StaticResource {x:Type chartingToolkit:LineSeries}}"> 
         <Setter Property="Template"> 
          <Setter.Value> 
           <ControlTemplate TargetType="chartingToolkit:LineSeries"> 
            <Canvas x:Name="PlotArea"> 
             <Border 
                   Background="Transparent" 
                   BorderBrush="Transparent" 
                   BorderThickness="0"> 
             </Border> 
             <Polyline x:Name="polyline" 
                  Points="{TemplateBinding Points}"           
                  Style="{TemplateBinding PolylineStyle}" 
                  StrokeThickness="4"> 
              <Polyline.Stroke> 
               <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 
                <GradientStop Color="Blue" Offset="0"/> 
                <GradientStop Color="Blue" Offset="1"/> 
               </LinearGradientBrush> 
              </Polyline.Stroke> 
             </Polyline> 
            </Canvas> 
           </ControlTemplate> 
          </Setter.Value> 
         </Setter> 
        </Style> 
       </chartingToolkit:LineSeries.Style> 
       <chartingToolkit:LineSeries.DataPointStyle> 
        <Style TargetType="chartingToolkit:LineDataPoint"> 
         <Setter Property="Background" Value="Transparent" /> 
        </Style> 
       </chartingToolkit:LineSeries.DataPointStyle> 
      </chartingToolkit:LineSeries> 
      <chartingToolkit:Chart.LegendStyle> 
       <Style TargetType="datavis:Legend"> 
        <Setter Property="Width" Value="0" /> 
       </Style> 
      </chartingToolkit:Chart.LegendStyle> 
     </chartingToolkit:Chart> 
+0

Weil sie unterschiedliche Wertebereiche auf ihrer Achse haben. Die y-Werte von Diagramm 1 sind bis zu 14.000, aber die y-Werte von Diagramm 2 sind nur zwischen 0 und 35. Also würde Diagramm 2 als eine Linie am unteren Rand des Diagramms angezeigt werden, wenn ich es bei der anzeigen würde gleiche Tabelle, – L4c0573

Antwort

0

Statt Einstellung Farbe = „Gray“ ändern, welche # FF808080 ist, könnte man color = „# 66808080“ versuchen. Auf diese Weise setzen Sie die Deckkraft auf die Farbe.