10

こんにちは、Python、Bottle を使用してグラフを生成するために plotly を使用しています。ただし、これは私にURLを返します。お気に入り:

https://plot.ly/~abhishek.mitra.963/1

リンクを提供する代わりに、グラフ全体を Web ページに貼り付けたいと考えています。これは可能ですか?

私のコードは次のとおりです。

import os
from bottle import run, template, get, post, request
from plotly import plotly

py = plotly(username='user', key='key')

@get('/plot')
def form():
    return '''<h2>Graph via Plot.ly</h2>
              <form method="POST" action="/plot">
                Name: <input name="name1" type="text" />
                Age: <input name="age1" type="text" /><br/>
                Name: <input name="name2" type="text" />
                Age: <input name="age2" type="text" /><br/>
                Name: <input name="name3" type="text" />
                Age: <input name="age3" type="text" /><br/>                
                <input type="submit" />
              </form>'''

@post('/plot')
def submit():
    name1   = request.forms.get('name1')
    age1    = request.forms.get('age1')
    name2   = request.forms.get('name2')
    age2    = request.forms.get('age2')
    name3   = request.forms.get('name3')
    age3    = request.forms.get('age3')

    x0 = [name1, name2, name3];
    y0 = [age1, age2, age3];
    data = {'x': x0, 'y': y0, 'type': 'bar'}
    response = py.plot([data])
    url = response['url']
    filename = response['filename']
    return ('''Congrats! View your chart here <a href="https://plot.ly/~abhishek.mitra.963/1">View Graph</a>!''')

if __name__ == '__main__':
    port = int(os.environ.get('PORT', 8080))
    run(host='0.0.0.0', port=port, debug=True)
4

1 に答える 1

11

はい、埋め込み可能です。これは、使用できる iframe スニペットです (任意の Plotly URL で):

<iframe width="800" height="600" frameborder="0" seamless="seamless" scrolling="no" src="https://plot.ly/~abhishek.mitra.963/1/.embed?width=800&height=600"></iframe>

プロットは、プロットを埋め込むために特別に作成された URL に埋め込まれます。したがって、この場合、プロットはhttps://plot.ly/~abhishek.mitra.963/1/です。埋め込む URL は、URL に .embed を追加して作成します: https://plot.ly/~abhishek.mitra.963/1.embed

そのスニペットで幅/高さの寸法を変更できます。iframe コードを取得してさまざまなサイズを表示するには、プロットの埋め込みアイコンをクリックするか、共有するときにコードを生成します。埋め込みオプションは次のとおりです。

ここに画像の説明を入力

Washington Post に埋め込まれたグラフは次のようになります。そして、これは誰かが Plotly と Bottle を使って開発した便利なチュートリアルです。

問題が解決しない場合はお知らせください。喜んでお手伝いさせていただきます。

開示: 私は Plotly チームに所属しています。

于 2013-11-05T20:02:43.880 に答える