Posizionamento dell'etichetta dell'asse in un DateTimeAxis

Question

Al momento ho un asse del tempo della data in cui la data è in linea con i punti, c'è comunque per far apparire questa data al centro come su un grafico a barre.

<Style x:Key="DateTimeAxisLabelStyle2" TargetType="chartingToolkit:DateTimeAxisLabel"> 
    <Setter Property="DaysIntervalStringFormat" Value="{}{0:dd-MMM}" /> 
    <Setter Property="HoursIntervalStringFormat" Value="{}{0:hh:mm tt}" /> 
    <!--<Setter Property="RenderTransformOrigin" Value="1,0.5" /> 
    <Setter Property="RenderTransform"> 
     <Setter.Value> 
      <RotateTransform Angle="-45" /> 
     </Setter.Value> 
    </Setter>--> 
    <!--<Setter Property="Margin" Value="30,0,-10,0" />--> 
</Style> 

<chartingToolkit:DateTimeAxis IntervalType="Days" 
           Interval="1" 
           Minimum="{Binding StartDate}" 
           Maximum="{Binding EndDate}" 
           Orientation="X" 
           VerticalContentAlignment="Center" 
           Title="Day" 
           AxisLabelStyle="{StaticResource DateTimeAxisLabelStyle2}" /> 

Qualsiasi aiuto sarebbe molto apprezzato.

Answer 1

Ecco cosa ho fatto utilizzando lo WPF Toolkit Source come riferimento.

Ho creato una classe personalizzata derivata da DateTimeAxis, quindi sovrascrivere il metodo "GetPlotAreaCoordinate". DateTimeAxis.Render() chiama quel metodo tre volte con lo stesso elenco di valori "DateTime", una volta per i MajorTickmarks, una volta per MinorTickmarks e una volta per l'etichetta della data. Non c'erano segni di spunta minori nell'elenco, quindi il metodo veniva effettivamente chiamato solo due volte. Io tengo solo un elenco dei valori che sono stati valutati e presumo che se è nella lista ha già fatto i segni di spunta e ora sta facendo le etichette.

class CustomDateTimeAxis : DateTimeAxis 
{ 
    List<object> _valueList = new List<object>(); 
    UnitValue prevBaseValue; 

    protected override UnitValue GetPlotAreaCoordinate(object value, Range<IComparable> currentRange, double length) 
    { 

     _valueList.Add(value); 
     UnitValue baseValue = base.GetPlotAreaCoordinate(value, currentRange, length); 


     int valueCount = _valueList.Count((x) => x.Equals(value)); 
     if (valueCount == 2)      
      return new UnitValue(baseValue.Value + 27, baseValue.Unit); 

     prevBaseValue = baseValue; 
     return baseValue; 

    } 

    protected override void Render(Size availableSize) 
    { 
     base.Render(availableSize); 
     _valueList.Clear(); 
    } 

} 

"27" è solo un numero che stavo provando. Potresti voler giocare con quello per vedere cosa funziona meglio per te.

return new UnitValue(baseValue.Value + 27, baseValue.Unit); 

Answer 2

Ecco cosa ho ottenuto:

XAML:

<Window.Resources> 
    <Style x:Key="DateTimeAxisLabelStyle1" TargetType="{x:Type chartingToolkit:DateTimeAxisLabel}"> 
     <Setter Property="DaysIntervalStringFormat" Value="{}{0:dd-MMM}"></Setter> 
     <Setter Property="RenderTransformOrigin" Value="0.80,0.20"></Setter> 
     <Setter Property="RenderTransform"> 
      <Setter.Value> 
       <RotateTransform Angle="-90"></RotateTransform> 
      </Setter.Value> 
     </Setter> 
    </Style> 
</Window.Resources> 
<Grid> 
    <chartingToolkit:Chart Margin="0" Title="Chart Title"> 
     <chartingToolkit:Chart.DataContext> 
      <local:MyDataCollection/> 
     </chartingToolkit:Chart.DataContext> 
     <chartingToolkit:Chart.Axes> 
      <chartingToolkit:DateTimeAxis Minimum="{Binding StartDate}" Maximum="{Binding EndDate}" Orientation="X" ShowGridLines="True" AxisLabelStyle="{DynamicResource DateTimeAxisLabelStyle1}"/> 
     </chartingToolkit:Chart.Axes> 
     <chartingToolkit:LineSeries DependentValuePath="Y" IndependentValuePath="X" ItemsSource="{Binding}"/> 
    </chartingToolkit:Chart> 
</Grid> 

Grafico: