Bokeh '単一値'ウィジェット

Question

Bokehで以下のようなものを作成することはできますか？これはcustomJSを必要としますか？かなり単純な要求（少なくとも他の同様のライブラリが提供する点では）のようですが、ドキュメントでは何も見つかりません。

Answer 1

使用するコアボケ成分が本部オブジェクトです。

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) 

これを文書に追加してユーザーに表示することができます。

完全な例として、数字が定期的に更新されている例の要点を作成しました。 https://gist.github.com/anthonydouc/c8571f0a2f9aa8415bd566e1ac2ba237を参照してください。

主として：その後、'bokeh serve -- show stocktext'

出力例を実行し、「stocktext」というフォルダを作成して示されているようにサブフォルダを作成 - アプリケーションを構築する方法については要旨の下部にあるコメントの指示があります。ストリーミングの例（https://demo.bokehplots.com/apps/surface3d）を使用して、番号が自動的に更新されるようにしました。

コンテンツ全体が単純なhtml div要素に含まれているだけです.Bokehの使用方法については、https://bokeh.pydata.org/en/latest/docs/user_guide/interaction/widgets.html#divで説明しています。

最後に、Pythonベースのコールバックを有効にするには、bokehサーバーを実行する必要があります。詳細はhttps://bokeh.pydata.org/en/latest/docs/user_guide/server.htmlを参照してください。