Python 博克';单值';小装置

Python 博克';单值';小装置,python,bokeh,Python,Bokeh,是否可以在Bokeh中创建如下内容,或者这需要customJS?似乎是一个相当简单的请求(至少就其他类似库提供的功能而言),但在文档中找不到任何内容 要使用的核心Bokeh组件是Div对象 template=(""" <div class='content'> <div class='name'> {stock_name} </div> <span class='number'>{price}<sma

是否可以在Bokeh中创建如下内容,或者这需要customJS?似乎是一个相当简单的请求(至少就其他类似库提供的功能而言),但在文档中找不到任何内容


要使用的核心Bokeh组件是Div对象

template=("""
      <div class='content'>
       <div class='name'> {stock_name} </div>
        <span class='number'>{price}<small>{price_unit}</small> </span>
        <span class='percentage' style='color: {colour};'> {percentage}<small>%</small> </span>
      </div>
      """)
# initial text
text = template.format(stock_name = stock_name,
                   price=price,
                   price_unit='k',
                   percentage=percentage,
                   colour='#97D389')
div = Div(text=text, height=300)
template=(“”)
{股票名称}
{价格}{价格单位}
{百分比}%
""")
#初始文本
text=template.format(stock\u name=stock\u name,
价格=价格,
价格单位为k,
百分比=百分比,
颜色='#97D389')
div=div(text=text,高度=300)
然后可以将其添加到文档中,并显示给用户

作为一个完整的示例,我创建了一个示例要点,其中的数字会定期更新- 看见要点底部的注释中有关于如何构造应用程序的说明-创建一个名为“stocktext”的文件夹,并按照指示构造子文件夹,然后运行“bokeh serve--show stocktext”

示例输出:

主要使用流媒体示例(),使数字自动更新

整个内容仅包含在一个简单的html div元素中,下面解释了Bokeh的用法:


最后,要启用基于python的回调,您需要运行一个bokeh服务器-有关更多信息,请参阅

要使用的核心Bokeh组件是Div对象

template=("""
      <div class='content'>
       <div class='name'> {stock_name} </div>
        <span class='number'>{price}<small>{price_unit}</small> </span>
        <span class='percentage' style='color: {colour};'> {percentage}<small>%</small> </span>
      </div>
      """)
# initial text
text = template.format(stock_name = stock_name,
                   price=price,
                   price_unit='k',
                   percentage=percentage,
                   colour='#97D389')
div = Div(text=text, height=300)
template=(“”)
{股票名称}
{价格}{价格单位}
{百分比}%
""")
#初始文本
text=template.format(stock\u name=stock\u name,
价格=价格,
价格单位为k,
百分比=百分比,
颜色='#97D389')
div=div(text=text,高度=300)
然后可以将其添加到文档中,并显示给用户

作为一个完整的示例,我创建了一个示例要点,其中的数字会定期更新- 看见要点底部的注释中有关于如何构造应用程序的说明-创建一个名为“stocktext”的文件夹,并按照指示构造子文件夹,然后运行“bokeh serve--show stocktext”

示例输出:

主要使用流媒体示例(),使数字自动更新

整个内容仅包含在一个简单的html div元素中,下面解释了Bokeh的用法:


最后,要启用基于python的回调,您需要运行一个bokeh服务器-有关更多信息,请参阅

是的,您可以使用bokeh服务器来创建它。本质上,这是一个使用css格式化和设置样式的div元素。所有这些在博克身上都是可能的,见。这是否需要更新?如果是这样的话,就没有办法了——要么你需要使用基于python的回调,要么使用customJS.Yep——它需要更新。我应该能够用Python实现这一点,然后我假设CSS将是一个可以更新数字的模板?是的,您可以使用bokeh服务器创建它。本质上,这是一个使用css格式化和设置样式的div元素。所有这些在博克身上都是可能的,见。这是否需要更新?如果是这样的话,就没有办法了——要么你需要使用基于python的回调,要么使用customJS.Yep——它需要更新。我应该能够用Python实现这一点,然后我假设CSS将是一个可以更新数字的模板?非常感谢您这么做-您花了这么多时间真是太好了。我会让你知道我的进展!没问题,如果一切顺利的话,如果回答了你的问题,那么接受这个答案就太好了。非常感谢你这么做。你花了这么多时间,真是太好了。我会让你知道我的进展!没有问题,如果一切都顺利的话,如果答案能解决你的问题,那么接受它就好了