2017-08-18 2 views
0

を...私は、次のコードを追加しました:Pythonのボケ - たとえば、スタンドアロン作る - 私は例「株式」スクリプト<a href="https://demo.bokehplots.com/apps/stocks" rel="nofollow noreferrer">https://demo.bokehplots.com/apps/stocks</a>は、スタンドアロンのhtmlファイルを作成したいと思い、ボケを学んでいるウィジェットエラー

from bokeh.embed import components 

plots = [corr, ts1, ts2] 
script, div = components(plots) 
print(script) 
print(div) 


html = """<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <title>Bokeh Scatter Plots</title> 

     <link rel="stylesheet" href="http://cdn.pydata.org/bokeh/release/bokeh-0.12.6.min.css" type="text/css" /> 
     <script type="text/javascript" src="http://cdn.pydata.org/bokeh/release/bokeh-0.12.6.min.js"></script> 

     <!-- COPY/PASTE SCRIPT HERE --> 
     {} 

    </head> 
    <body> 
     <!-- INSERT DIVS HERE --> 
     {} 
    </body> 
</html>""".format(script, div) 

with open("plotstock.html", "w") as f: 
    f.write(html) 
をスクリプトの一番下に

、これはhttp://bokeh.pydata.org/en/latest/docs/user_guide/embed.htmlで発見シンプルな例のために働いて(何のウィジェットの輸入を持っていない)が、株式スクリプトのために、私はエラーを取得:

ボケエラー

モデル `PreText 'は存在しません。これは、ウィジェットまたはカスタムモデルが最初に使用される前に登録されていないためです。**

このウィジェットへの参照を削除すると、次のウィジェットの選択ウィジェットで同じエラーが発生します。 ..

私はローカライズされたデータとボケサーバーでOKこのスクリプトを実行することができますが、埋め込みが問題です...

生成されたHTMLデータやコンポーネントセクションで、完全に見えるん:

<head> 
     <meta charset="utf-8"> 
     <title>Bokeh Scatter Plots</title> 

     <link rel="stylesheet" href="http://cdn.pydata.org/bokeh/release/bokeh-0.12.6.min.css" type="text/css" /> 
     <script type="text/javascript" src="http://cdn.pydata.org/bokeh/release/bokeh-0.12.6.min.js"></script> 

     <!-- COPY/PASTE SCRIPT HERE --> 

<script type="text/javascript"> 
    (function() { 
    var fn = function() { 
    Bokeh.safely(function() { 
     var docs_json = {"15b39cbd-8b49-4761-9152-f666c6fb1d9a":{"roots": {"references":[{"attributes":{"data_source":{"id":"f6f697cf-6d00-4218-94c1- 18c7e97d7e16","type":"ColumnDataSource"},"glyph":{"id":"3764347f-7617-42a8-a1d4- 0a6b255fc47d","type":"Line"},"hover_glyph":null,"muted_glyph":null,"nonselection_ glyph":{"id":"461527a6-e0fe-4159-89a8- c748b3f16335","type":"Line"},"selection_glyph":null},"id":"a6991b17-5e11-4864- 92ed-85b29f7fe737","type":"GlyphRenderer"},{"attributes":{"months": [0,4,8]},"id":"a3ac5382-f490-408f-b608-f3cdca26772b","type":"MonthsTicker"}, {"attr .... ["87c565c2-e8d1-41ea-958d-ea09daa88b3a"]},"title":"Stocks","version":"0.12.6"}}; 
     var render_items = [{"docid":"15b39cbd-8b49-4761-9152-f666c6fb1d9a","elementid":"ac68790a-4571-49cb-8d1c-08c6f3a9d711","modelid":"a5ab1659-6d31-4869-8d5d-184d27fd5732"}, {"docid":"15b39cbd-8b49-4761-9152-f666c6fb1d9a","elementid":"202aa28c-793d-46df-99ed-30cc4d62b827","modelid":"c22f84ba-56d9-49ab-9d81-314546cfec5c"}, {"docid":"15b39cbd-8b49-4761-9152-f666c6fb1d9a","elementid":"725a58d5-6c34-4f56-8d82-64ebef5c4e46","modelid":"e1fc4190-8882-4d48-be12-b46f9817d525"}]; 

     Bokeh.embed.embed_items(docs_json, render_items); 
    }); 
    }; 
    if (document.readyState != "loading") fn(); 
    else document.addEventListener("DOMContentLoaded", fn); 
})(); 

</script> 

    </head> 
    <body> 
     <!-- INSERT DIVS HERE --> 
     ('\n<div class="bk-root">\n <div class="bk-plotdiv" id="ac68790a-4571-49cb-8d1c-08c6f3a9d711"></div>\n</div>', '\n<div class="bk-root">\n <div class="bk-plotdiv" id="202aa28c-793d-46df-99ed-30cc4d62b827"></div>\n</div>', '\n<div class="bk-root">\n <div class="bk-plotdiv" id="725a58d5-6c34-4f56-8d82-64ebef5c4e46"></div>\n</div>') 
    </body> 
</html> 

何が起こっているか教えてもらえますか?

ありがとうございました。

答えて

0

Bokehウィジェット用のJSファイルは別々に配布されるため、実際にページを使用する場合、ページにはそれらの読み込みコストがかかります。あなたは、in the documentationのようにbokeh-widgetsをCDNから含める必要があります。

<link 
    href="http://cdn.pydata.org/bokeh/release/bokeh-widgets-0.12.6.min.css" 
    rel="stylesheet" type="text/css">  
<script src="http://cdn.pydata.org/bokeh/release/bokeh-widgets-0.12.6.min.js"></script> 
関連する問題

 関連する問題