2010-12-10 3 views
1

Je souhaite modifier l'axe des x du graphique des séries de lignes du toolkit wpf en fonction des critères de filtrage. Le filtre contient les 3 cases à cocher suivantes: 1) Show Today 2) Show Week 3) Show Month. Lorsque vous cliquez sur Show Today, il affiche les enregistrements d'aujourd'hui de la base de données et l'axe des x devrait être comme 9 heures 11 heures 13 heures 15 heures 19 heures 21 heures 23 heures 1 heures 3 heures 5 heures 7 heures. Lorsque vous cliquez sur Afficher la semaine, les dates de la semaine en cours doivent s'afficher du dimanche au samedi. Lorsque vous cliquez sur Afficher le mois, il doit apparaître de 1 à 31 sur l'axe des x. Je lie la propriété DateTime à IndependentValuePath sur l'axe des x. et j'appelle la méthode dans mon dataaccess sur le changement de filtre. Comment réaliser ceci dans le diagramme de série de ligne de wpf en utilisant mvvm.Personnalisez l'axe des abscisses du graphique linéaire wpf sur la base du filtre mvvm C# wpf

Veuillez suggérer?

Merci

+0

Veuillez aider quelqu'un? – Tarun

Répondre

1

Vous devez créer un DataTrigger pour chacune des cases à cocher dans le style de votre axe x.

<chartingToolkit:Chart.Axes> 
         <chartingToolkit:DateTimeAxis x:Name="LevelsDateTimeAxis" Orientation="X" Minimum="{Binding ElementName=PatientWindow, Path=MinimumTime}" Maximum="{Binding ElementName=PatientWindow, Path=MaximumTime}"> 
          <chartingToolkit:DateTimeAxis.Style> 
           <Style TargetType="{x:Type chartingToolkit:DateTimeAxis}"> 
            <Style.Triggers> 
             <DataTrigger Binding="{Binding ElementName=WeekCheckbox, Path=IsChecked}" 
                Value="True"> 
              <Setter Property="IntervalType" 
                Value="Days" /> 
              <!-- You might need to adjust the Interval to 1 Here --> 
             </DataTrigger> 
             <!-- Continue With the Next Checkbox --> 
            </Style.Triggers> 
           </Style> 
          </chartingToolkit:DateTimeAxis.Style> 
         </chartingToolkit:DateTimeAxis>