tom*_*sen 3 python button bokeh
散景支持按钮小部件:http : //docs.bokeh.org/en/latest/docs/user_guide/interaction/widgets.html#button
这些按钮的颜色可以更改为蓝色吗?
我在列中排列了一组复选框组,我需要将它们用页眉/按钮或其他东西分开。但这不能是绿色按钮。因此,我的问题。
这是我目前正在设计小部件等的方式。似乎没有一种方法可以仅在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,最终得到:
| 归档时间: |
|
| 查看次数: |
4116 次 |
| 最近记录: |