2016-05-06 5 views
1

Während der Arbeit mit Syncfusion Xamarin.Forms Kontrolle, ich fand es unmöglich, Hintergrundfarbe von SfDateTimeRangeNavigator Kontrolle zu ändern. Einstellung BackgroundColor Eigenschaft hat nicht viel geholfen - es ändert nur die Farbe der linken und rechten Grenze.Wie style Syncfusion SfDateTimeRangeNavigator Xamarin Kontrolle?

Noch mehr, habe ich versucht, Content von SfDateTimeRangeNavigator mit benutzerdefinierten Diagramm zu setzen (wie in documentation beschrieben)

<rangenavigator:SfDateTimeRangeNavigator Minimum="4/25/2016" Maximum="5/7/2016"> 
    <rangenavigator:SfDateTimeRangeNavigator.Content> 
    <chart:SfChart> 
     <chart:SplineSeries ItemsSource=...> 
     ... 
     </chart:SplineSeries> 
    </chart:SfChart> 
    </rangenavigator:SfDateTimeRangeNavigator.Content> 
</rangenavigator:SfDateTimeRangeNavigator> 

aber es funktioniert nicht, weil dieser Code leere Bereich Navigator Steuerung zeigt.

Kann mir jemand dabei helfen?

+0

Wir können Diagramm als Inhalt festlegen. Überprüfen Sie, ob das Dokument gestartet wird, versuchen Sie dieses Lernprogramm http://help.syncfusion.com/xamarin/sfdateranangenavigator/rangenavigator –

+0

@GobiM, können Sie ein funktionierendes Beispiel teilen? Mit einem Beispiel aus der Syncfusion-Dokumentation bekomme ich immer noch die Kontrolle über die Daten. Siehe mein Gilt https://gist.github.com/dikyyn/ef109dcbc067e62654b8f05f96527921 – dikyyn

+0

Ref dieses Beispiel: http://www.syncfusion.com/downloads/support/directtrac/155686/ze/ChartSample-1075451907 –

Antwort

1

Dank @GobiM um Hilfe, hier zusammengefasst I verfügbare Optionen für das Styling SfDateTimeRangeNavigator Kontrolle:

  • Standarddiagramm mit benutzerdefinierter Serie ersetzen:

    var series = new ColumnSeries{...}; 
    ((SfChart)RangeNavigator.Content).Series.Clear(); 
    ((SfChart)RangeNavigator.Content).Series.Add(series); 
    
  • Content-Eigenschaft von SfDateTimeRangeNavigator Styling, da es ist SfChart Kontrolle (more here):

    ((SfChart)RangeNavigator.Content).BackgroundColor = Color.Purple; 
    
  • Styling für Moll und Dur (more here). Das Ändern der Hintergrundfarbe für kleine und große Maßstäbe ist derzeit nicht verfügbar (ab Version 14.1.0.46)