2017-06-17 86 views
2

我玩弄散景sliders demo(源代码here),我试图改变整个页面的背景颜色。虽然使用background_fill_colorborder_fill_color来更改图形的颜色很简单,但其余的布局仍显示在白色背景上。是否有一个属性可以添加到主题中,以便我可以通过curdoc().theme设置颜色?散景布局的背景颜色

回答

1

目前没有任何可控制HTML背景色的Python属性。 HTML和CSS是广阔的领域,因此Bokeh不会为每个可能的样式选项都创建相应的Python属性,而是提供一个通用机制来提供您自己的HMTL模板,以便可以应用任何标准熟悉的CSS。

这可以通过在Directory-style Bokeh App上添加templates/index.html文件来实现。模板应该是Jinja2 template。有需要被定义的两个取代在<head>

  • {{ bokeh_css }}
  • {{ bokeh_js }}

以及两个在<body>需要:

  • {{ plot_div }}
  • {{ plot_script }}

该应用程序将出现在模板中出现plot_script的地方。除此之外,您可以应用所需的任何HTML和CSS。你可以在这里看到一个具体的例子:

https://github.com/bokeh/bokeh/blob/master/examples/app/crossfilter

一个归结模板,改变网页背景可能是这样的:

<!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> 
+0

这确实工作。干杯! – nbubis

+0

@bigreddot我有代码,因为它是从你共享的Github链接(Crossfilter示例),但我仍然有白色的背景。我已将十六进制数字更改为#000000。任何想法为什么它仍是白色的? –