如何使用HTMLTemplateFormatter调整bokeh数据表中的数字格式？
如何使用HTMLTemplateFormatter调整bokeh数据表中的数字格式？
提问于 2017-06-24 08:58:23
如何调整HTMLTamplateFormatter中数据的数字格式？我希望数字格式为"(0,0)“。以下是错误尝试的示例代码：
from bokeh.models import ColumnDataSource
from bokeh.models.widgets import DataTable, TableColumn, HTMLTemplateFormatter, NumberFormatter
from bokeh.io import show
dict1 = {'x':[0]*6,'y':[500,1000,-1000,1000,-5000,500],'z':[0,0,1,1,1,2]}
source = ColumnDataSource(data=dict1)
template="""
<b><div style="background:<%=
(function colorfromint(){
if(z == 1){
return("NavajoWhite")}
else{if(z == 2){
return("Orange")}
else{return("")}
}}()) %>;
font-style:'(0,0)'"> ### this part needs fixed
<%= value %></div></b>
"""
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)
show(data_table)回答 1
Stack Overflow用户
回答已采纳
发布于 2017-06-24 15:58:21
有几件事你应该知道。这个例子有点花哨，涉及到基于javascript设置css属性。正在设置的属性是css属性，因此不可能通过css更改数字格式。
您有两个选择-一个是格式化python中的所有值，并将这些值传递到数据表中。
第二个选项是更多的javascript代码。
这是我在javascript中使用.toFixed(数字)函数的例子。
from bokeh.models import ColumnDataSource
from bokeh.models.widgets import DataTable, TableColumn, HTMLTemplateFormatter, NumberFormatter
from bokeh.io import show
dict1 = {'x':[0]*6,
'y':[500.23,1000,-1000.234,1000,-5000.23,500],
'z':[0,0,1,1,1,2]}
source = ColumnDataSource(data=dict1)
template="""
<b><div style="background:<%=
(function colorfromint(){
if(z == 1){
return("NavajoWhite")}
else{if(z == 2){
return("Orange")}
else{return("")}
}}()) %>;">
<%= (value).toFixed(1) %></div></b>
"""
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)
show(data_table)顺便说一句，我还应该让你知道，你可以在python中选择所有的条件颜色，并为每个值传递这些颜色--因此消除了模板中任何复杂的代码。
下面是一个示例，向您展示如何使用python中设置的颜色：(显然，您可以使用规则根据值为颜色生成rgb/字符串)。
from bokeh.models import ColumnDataSource
from bokeh.models.widgets import DataTable, TableColumn, HTMLTemplateFormatter, NumberFormatter
from bokeh.io import show
dict1 = {'x':[0]*6,
'y':[500.23,1000,-1000.234,1000,-5000.23,500],
'z':[0,0,1,1,1,2],
'color':['red','green','purple','blue','grey','white']}
source = ColumnDataSource(data=dict1)
template="""
<b><div style="background:<%= color%>;">
<%= (value).toFixed(1) %></div></b>
"""
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)
show(data_table)页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44731757
复制相关文章
相似问题
腾讯云开发者
