plot.ly (dash_core_components) Schieberegler Farbwechsel

Question

Ich habe gestern ploth.ly gestrickt und zum ersten Mal einen interaktiven Plot erstellt. Und ich fügte dash_core_components.Slider() Objekt wie unten Code hinzu.

dcc.Slider(
    id='month--slider', 
    min=0, 
    max=12, 
    value=12, 
    step=None, 
    marks={'1': '1', '6': '6', '12': {'label': '12', 'style': {'color': 'red'}}} 
) 

Ich habe help(dcc.Slider) gelesen, aber ich konnte den Weg nicht finden die skyblau Farbe meiner Schieber unten zu ändern.

Also meine Frage hier ... Ist es möglich, die Farbe (oder die Art) von Standard-Slider von plot.ly Strich zu ändern? Vielen Dank im Voraus.

Answer 1

Sie müssen dies mit CSS ändern.

Lassen Sie zuerst Ihre Dash-App wissen, dass Sie Ihre CSS extern hosten werden.

Dokumentation hier: https://plot.ly/dash/external-resources

Dann einfach die Webseite Ihrer dash App überprüfen und die Klassennamen des Schiebers finden und seine Komponenten.

Und schließlich, fügen Sie die notwendigen CSS zu Ihrem Stylesheet.

Zum Beispiel, änderte ich die Farbe eines behinderten Schieber durch den folgenden Code in meinem extern gehostete CSS-Datei hinzufügen ...

.rc-slider-disabled{ 
    background-color: #0097a7; 
} 

hoffe, das hilft!