更改散景按钮的颜色?

tom*_*sen 3 python button bokeh

散景支持按钮小部件:http : //docs.bokeh.org/en/latest/docs/user_guide/interaction/widgets.html#button

这些按钮的颜色可以更改为蓝色吗?

我在列中排列了一组复选框组,我需要将它们用页眉/按钮或其他东西分开。但这不能是绿色按钮。因此,我的问题。

Ant*_*ouc 6

这是我目前正在设计小部件等的方式。似乎没有一种方法可以仅在python脚本中直接更改它们。

您将需要一个单独的.css文件来设置小部件的样式。这也意味着你需要运行bokeh serve --show myappfolder ,而不是 bokeh serve --show myapp.py

创建一个名为myapp的文件夹

结构应为:

myapp
|
+--main.py
+--Templates
   |
   +--index.html
   +--styles.css
Run Code Online (Sandbox Code Playgroud)

index.html文件:

<!DOCTYPE html>
<html lang="en">
    <head>
      <meta charset="utf-8">
      {{ bokeh_css }}
      {{ bokeh_js }}
        <style>
             {% include 'styles.css' %}
        </style>
    </head>
    <body>
      {{ plot_div|indent(8) }}
      {{ plot_script|indent(8) }}
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

styles.css:

.bk-root .bk-bs-btn-success {
color: #FDFEFE;
background-color: #21618C;
border-color: #21618C;
}
.bk-root .bk-bs-btn-success:focus {
color: #FDFEFE;
background-color: #21618C;
border-color: #21618C;
}
.bk-root .bk-bs-btn-success:active {
color: #FDFEFE;
background-color: #21618C;
border-color: #21618C;
}
.bk-root .bk-bs-btn-success:hover {
color: #FDFEFE;
background-color: #5DADE2;
border-color: #5DADE2;
}
Run Code Online (Sandbox Code Playgroud)

main.py:

from bokeh.layouts import layout
from bokeh.plotting import curdoc
from bokeh.models import Button

button = Button(label="Test Button", button_type="success")
layout = layout([[button]])
curdoc().add_root(layout)
Run Code Online (Sandbox Code Playgroud)

现在运行bokeh serve --show myapp,最终得到:

产生的bokeh应用