web-dev-qa-db-ja.com

Python Plotly-HTMLに埋め込まれたオフラインチャート（機能しない）

HTMLファイルに埋め込むグラフを作成しました。 plotlyをオンラインで使用すると、意図したとおりに機能します。ただし、OFFLINEを使用すると、オフラインチャートは機能します（つまり、別のHTMLチャートが開かれます）が、HTML（nick.html）に埋め込まれていないため、iframeが空です。

これは私のコードです：

fig = dict(data=data, layout=layout)
plotly.tools.set_credentials_file(username='*****', api_key='*****')
aPlot = plotly.offline.plot(fig, config={"displayModeBar": False}, show_link=False,
                             filename='pandas-continuous-error-bars.html')

html_string = '''
<html>
    <head>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
        <style>body{ margin:0 100; background:whitesmoke; }</style>
    </head>
    <body>
        <h1>Monthly Report</h1>

        <!-- *** Section 1 *** --->
        <h2></h2>
        <iframe width="1000" height="550" frameborder="0" seamless="seamless" scrolling="no" \
src="''' + aPlot + '''.embed?width=800&height=550"></iframe>
        <p> (Insights).</p>


    </body>
</html>'''

f = open("C:/Users/nicholas\Desktop/nick.html",'w')
f.write(html_string)
f.close()

それが埋め込まれていない理由とそれを修正する方法を知っている人はいますか？

pythonhtmlplotly
15
ScoutEU

aPlotは、Plotlyファイルのファイル名です。

iframeでは、.embed?width=800&height=550をファイル名に追加すると、ファイル名が存在しなくなります。

この文字列、つまりsrc="''' + aPlot + '''"を削除すると、機能するはずです。

HTMLファイル全体を埋め込む代わりに、推奨のアプローチ here を使用して、より小さなHTMLファイルを生成することもできます。つまり、すべての関連情報を含むdivを生成し、plotly.jsを含めます。ヘッダーに。

import plotly

fig = {'data': [{'x': [1,2,3],
                  'y': [2,5,3],
                  'type': 'bar'}],
      'layout': {'width': 800,
                 'height': 550}}

aPlot = plotly.offline.plot(fig, 
                            config={"displayModeBar": False}, 
                            show_link=False, 
                            include_plotlyjs=False, 
                            output_type='div')

html_string = '''
<html>
    <head>
      <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
      <style>body{ margin:0 100; background:whitesmoke; }</style>
    </head>
    <body>
      <h1>Monthly Report</h1>
      ''' + aPlot + '''
    </body>
</html>'''

with open("nick.html", 'w') as f:
    f.write(html_string)
15
Maximilian Peters