2016-08-26 16 views
1

Bokehインラインの埋め込みに問題があります。特に、 'link'タグからリソースを読み込む際に問題があります(下記のhtmlスニペットを参照)。何らかの理由で、Bokehプロットをインラインで埋め込もうとすると、次のエラーが発生します。 'リソースを読み込めませんでした:このサーバーは404というステータスで応答しました(見つかりません)' - https://cdn.pydata.org/bokeh/release/bokeh.min.css.mapBokehインライン埋め込み、 'リソースの読み込みに失敗しました'

ただし、上記のアドレスは、リンクタグで指定したアドレスとは異なります(最後のボケのバージョンは省略されています)。なぜこのエラーが発生するのか分かりませんが、これは初めてです。私は以前、インライン埋め込みをいくつかの場面で成功裏に使用してきました。

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

私はjQueryを使って一緒に埋め込むインラインを使用しようとしています

EDIT(私はページ全体たびにリロードすることなく、異なるボケプロットを表示したいと思います)。

私はコンソールで、さらにエラーの詳細を探したとき、私は次のようなエラーが見つかりました:「ボケモデルをレンダリングエラー:IDを持つタグを見つけることができませんでした...」

それはどんな関連があります場合は、ここにあります私のhtmlでのjQueryのスクリプト:

'data.a' と 'data.b' は、それぞれ、ボケ、生成されたスクリプトとのdivタグです
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

<script type=text/javascript> 
    $(function() { 
     $('a#process_input').bind('click', function() { 
     $.getJSON('/background_process', { 
      proglang: $('input[name="proglang"]').val(), 
     }, function(data) { 
      $("#result").html(data.a); 
      $("#r").html(data.b); 
     }); 
     return false; 
     }); 
    }); 
</script> 

ご提案やアドバイスをいただければ幸いです。

答えて

1

<div>がDOMに挿入される前に、スクリプトが最初/早く実行されていることを推測してください。スクリプトが実行されるまでに<div>が利用可能であることを保証する方法を見つける必要があります。

componenent関数が作成されたときには、部分負荷の使用例は実際には想定されていませんでした。部分的な読み込みをしたい場合は、doc JSONを提供し、Bokeh.embed.embed_itemsをJavaScriptから直接呼び出してください。しかし、それはおそらくいくつかの実験と議論を往復して行うことになるでしょう.SOはそれほど良くありません。この話題はpublic mailing listにお寄せください。

関連する問題