car*_*ose 5 python styling bokeh
我希望在散景中显示DataTable,根据单元格的文本内容,单元格为红色或橙色.
例如,如果单元格包含单词"error",则单元格将显示为红色背景.如果单元格包含单词"warning",那么它是橙色的.
我相信我应该用[HTMLTemplateFormatter][1]
,但是怎么样?
我该怎么办?
谢谢
Ant*_*ouc 11
查看文档,您可以使用HTMLTemplateFormatter和下划线js来格式化表.有关详细信息,请参阅http://bokeh.pydata.org/en/latest/docs/reference/models/widgets.tables.html 和http://underscorejs.org/#template.我附加了一个基于整数值格式化的示例,尽管您可以根据需要进行扩展.
注意:这基本上在每个表格单元格中嵌入一个div,因此每个表格单元格周围仍然有一个小的白色边框.如果可能,您可以调整内部div的大小,或者设置父元素的样式.
更新:根据您使用的散景版本,您可能需要在html文档中包含lodash或下划线js,即:<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js"></script>
from bokeh.models import ColumnDataSource
from bokeh.models.widgets import DataTable, TableColumn, HTMLTemplateFormatter
from bokeh.io import show
dict1 = {'x':[0]*6,'y':[0,1,0,1,0,1]}
source = ColumnDataSource(data=dict1)
template="""
<div style="background:<%=
(function colorfromint(){
if(value == 1){
return("blue")}
else{return("red")}
}()) %>;
color: white">
<%= value %></div>
"""
formater = HTMLTemplateFormatter(template=template)
columns = [
TableColumn(field="x", title="x"),
TableColumn(field="y", title="y",formatter=formater)
]
data_table = DataTable(source=source, columns=columns, width=800)
Run Code Online (Sandbox Code Playgroud)
如果您乐意在python中定义颜色,则更简单的方法是将颜色定义为列数据源中的字段,并引用模板代码中的值.
dict1 = {'x':[0]*6,
'y':[0, 1, 0, 1, 0, 1],
'color':['blue', 'red', 'blue', 'red', 'blue', 'red']}
source = ColumnDataSource(data=dict1)
template="""
<div style="background:<%=color%>"; color="white";>
<%= value %></div>
"""
formater = HTMLTemplateFormatter(template=template)
Run Code Online (Sandbox Code Playgroud)
如果你完全依赖于javascript(即没有基于python的回调),如果底层值发生变化,这种方法不会更新填充颜色.