更改Bokeh按鈕的顏色？

散景支持按鈕小部件： http://bokeh.pydata.org/en/latest/docs/user_guide/interaction/widgets.html#button 更改Bokeh按鈕的顏色？

這些按鈕的顏色可以更改爲藍色嗎？

我有一組Checkbox Groups安排在一列，我需要他們被分隔頭/按鈕或其他東西。但它不能是一個綠色的按鈕。因此我的問題。

來源

2017-03-27 tommy.carstensen

這是我當前的樣式小部件等的方式...... 似乎沒有辦法直接在python腳本中更改它們。

您將需要一個單獨的.css文件來設置窗口小部件的樣式。這也意味着您需要運行bokeh serve --show myappfolder而不是bokeh serve --show myapp.py。

創建一個名爲MyApp文件夾

結構應該是：

myapp 
| 
+--main.py 
+--Templates 
    | 
    +--index.html 
    +--styles.css

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>

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; 
}

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)

現在運行bokeh serve --show myapp你結束：

來源

2017-03-28 02:58:48 Anthonydouc

謝謝！我想也可以在boxes.models中定義風格。喜歡IMDB電影的例子，但我可能是錯的。謝謝！ –

更改Bokeh按鈕的顏色？

回答

相關問題