Ich spiele mit dem Bokeh sliders demo (Quellcode here), und ich versuche, die Hintergrundfarbe der gesamten Seite zu ändern. Mit background_fill_color
und border_fill_color
ist es leicht, die Farbe der Figur zu ändern, der Rest des Layouts erscheint immer noch auf einem weißen Hintergrund. Gibt es ein Attribut, das ich dem Thema hinzufügen kann, um die Farbe über curdoc().theme
einzustellen?Hintergrundfarbe von Bokeh Layout
Antwort
Derzeit gibt es keine Python-Eigenschaft, die die HTML-Hintergrundfarbe steuern würde. HTML und CSS sind ein riesiges Gebiet. Anstatt eine entsprechende Python-Eigenschaft für jede mögliche Stiloption zu erstellen, bietet Bokeh einen allgemeinen Mechanismus für die Bereitstellung Ihrer eigenen HMTL-Templates, so dass jedes bekannte Standard-CSS angewendet werden kann.
Dies wird am einfachsten durch Hinzufügen einer templates/index.html
Datei zu einem Directory-style Bokeh App erreicht. Die Vorlage sollte Jinja2 template sein. erforderlich Es gibt zwei Substitutionen in der <head>
definiert werden:
{{ bokeh_css }}
{{ bokeh_js }}
sowie zwei erforderlich in <body>
:
{{ plot_div }}
{{ plot_script }}
Die App wird überall dort angezeigt, wo die plot_script
in der Vorlage erscheint. Abgesehen davon können Sie das HTML und CSS anwenden, das Sie benötigen. Sie können hier ein konkretes Beispiel sehen:
https://github.com/bokeh/bokeh/blob/master/examples/app/crossfilter
A nach unten Vorlage gekocht, dass die Seite Hintergrund ändert sich wie folgt aussehen könnte:
<!DOCTYPE html>
<html lang="en">
<head>
<style>
body { background: #2F2F2F; }
</style>
<meta charset="utf-8">
{{ bokeh_css }}
{{ bokeh_js }}
</head>
<body>
{{ plot_div|indent(8) }}
{{ plot_script|indent(8) }}
</body>
</html>
- 1. Bokeh Grundstück bedingte Hintergrundfarbe
- 2. Bokeh: Bokeh-Plots automatisch aktualisieren
- 3. relatives Layout nicht Füllung Eltern mit Hintergrundfarbe
- 4. Bokeh Widget: benutzerdefinierte CSS
- 5. Bokeh Bildausschnitt
- 6. Python Bokeh - Verknüpfung von Zeitreihen
- 7. Bokeh Server Callback von Tools
- 8. Farbformat von Bokeh akzeptiert Plots
- 9. Dynamische Visualisierung Bokeh
- 10. Interaktiver Slider mit Bokeh
- 11. Wie ändert man dynamisch die Header-Layout-Hintergrundfarbe der Navigationsschublade?
- 12. Ändern der Hintergrundfarbe auf Touchevent auf relativem Layout
- 13. Bokeh: Zeitreihenauswahl
- 14. Alertdialog Hintergrundfarbe
- 15. Dynamisch hinzufügen/entfernen Plot mit 'Bokeh dienen' (Bokeh 0.12.0)
- 16. Python/Bokeh - FuncTickFormatter
- 17. Klärung von URLs von Bokeh Server
- 18. Running Bokeh in Jupyter Notebook im Gegensatz zu Bokeh Server
- 19. Textview Hintergrundfarbe mit übergeordneten Element Hintergrundfarbe gemischt
- 20. Bokeh 100% gestapeltes Balkendiagramm
- 21. Bokeh Sitzung und Dokumentenabruf
- 22. Langsames Bokeh Histogramm
- 23. Python Bokeh - Blending
- 24. Bokeh Äquivalent matplotlib Nebenhandlungen
- 25. Throttling in Bokeh Anwendung
- 26. Bokeh Mapping Counties
- 27. Bokeh Äquivalent Matplotlib scatter_matrix
- 28. Ändern Sie Schriftgröße in Bokeh LabelSet
- 29. Zeitreihen Charts mit Bokeh
- 30. Bokeh - Plotten von Daten mit Lücken
, das funktioniert. Prost! – nbubis
@bigreddot Ich habe den Code, wie es ist, von github Link, die Sie freigegeben haben (Crossfilter Beispiel), aber ich habe immer noch den Hintergrund als weiß. Ich hatte die Hex-Nummer auf # 000000 geändert. Irgendeine Idee, warum es noch weiß ist? –